From c7690ec70727fca9137daed1bcb2ff5fb84bf8ac Mon Sep 17 00:00:00 2001
From: "CHIEFSOFT\\ameye" <ameye@chiefsfot.com>
Date: Sat, 10 Feb 2024 19:24:51 -0500
Subject: [PATCH] card styles

---
 .../jobowner-dash.component.scss              | 223 ++++++++++++++++++
 1 file changed, 223 insertions(+)

diff --git a/src/app/components/jobowner-dash/jobowner-dash.component.scss b/src/app/components/jobowner-dash/jobowner-dash.component.scss
index e69de29..773dc42 100644
--- a/src/app/components/jobowner-dash/jobowner-dash.component.scss
+++ b/src/app/components/jobowner-dash/jobowner-dash.component.scss
@@ -0,0 +1,223 @@
+.p-w{
+  height:180px;
+  background-color: rgba(46, 9, 52, 0.47);
+  border-radius: 10px;
+  box-shadow: 1px 1px lightgray;
+}
+
+.extra-grid{
+  margin: 10px 0px 10px 0px;
+  padding: 0px;
+  height: 160px;
+  .ext-col{
+    padding: 5px;
+
+    //background-color: #2dd36f;
+    height: 160px;
+    .ext-in{
+      &.bg{
+        background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/task.png");
+        background-size: cover;
+      }
+      &.l{
+        background-color:  #1f1f3b;
+        //background-image: linear-gradient(to right, #1f1f3b, #152f49,#152f49,#1f1f3b);
+        background-size: cover;
+        color: white;
+        &.past-due{
+          background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/pastdue.png");
+          background-color: darkred;
+        }
+      }
+      &.r{
+        background-color:  #866508;
+        //background-image: linear-gradient(to right, #866508, #906D0B,#866508);
+        // background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/wallet.png");
+        background-size: cover;
+        color: white;
+        &.review{
+          background-image: url("https://www.wrenchboard.com/assets/images/apps/xt/review.png");
+          background-color: #866508;
+        }
+      }
+      background-color: antiquewhite;
+      height: 150px;
+      border-radius: 10px;
+
+      box-shadow: 1px 1px lightgray;
+      text-align: center;
+
+      .ban-text{
+        font-size: 24px;
+        font-weight: bolder;
+        padding-top: 60px;
+        padding-left: 20px;
+        // color: #8b198e;
+      }
+
+    }
+  }
+}
+
+.bg_white {
+  display: flex;
+  align-items: flex-start;
+  background-color: white;
+  padding: 5px;
+  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
+  border-radius: 10px;
+  margin-bottom: 20px;
+  &.OFFERS{
+    background-color: #186875;
+    .name{
+      color: white;
+    }
+    .bg_text{
+      --background-color: white;
+    }
+  }
+  &.INTEREST{
+    background-color: #6b6b08;
+    .name{
+      color: white;
+    }
+  }
+  &.PASTDUEJOB{
+    background-color: #e0b4b4;
+  }
+  &.REVIEWJOB{
+    background-color: #dbefda;
+  }
+  &.bg_alice{
+    background-color: aliceblue;
+    padding: 1px;
+    ion-row{
+      padding:1px;
+    }
+    .detail{
+      font-size: 14px;
+      font-weight: bolder;
+      margin-top: 15px;
+    }
+  }
+  .list {
+    display: flex;
+    align-items: center;
+    width: 100%;
+
+    .back_image {
+      height: 95px;
+      width: 95px;
+      border-radius: 10px;
+    }
+    .banner_image{
+      min-width: 90px;
+    }
+    .detail {
+      width: 100%;
+      margin-left: 10px;
+
+      .bg_text {
+        color: var(--ion-color-primary);
+        background-color: rgba(246, 246, 248, 0.9);
+        font-size: 12px;
+        padding: 2px 5px;
+        border-radius: 5px;
+        //width: 80px;
+        text-align: center;
+        height: 38px;
+        width: 100%;
+        overflow: hidden;
+        .ovf{
+          overflow: hidden;
+        }
+      }
+
+      .name {
+        font-family: 'bold';
+        margin-top: 5px;
+        padding: 5px;
+      }
+
+      .price {
+        margin-top: 3px;
+        color: var(--ion-color-primary);
+        font-family: 'semi-bold';
+      }
+
+      .row {
+        display: flex;
+        align-items: center;
+        margin-top: 3px;
+
+        ion-icon {
+          font-size: 18px;
+        }
+
+        .small {
+          margin-left: 8px;
+          color: grey;
+          font-size: 14px;
+        }
+      }
+    }
+
+  }
+  .blog_list {
+    //background-color: lightgrey !important;
+    display: flex;
+    align-items: center;
+
+    .back_image {
+      height: 95px;
+      width: 95px !important;
+      border-radius: 10px;
+    }
+    .banner_image{
+      min-width: 90px;
+      //float: right;
+      //display: flex;
+      //justify-content: flex-end
+    }
+    .detail {
+      margin-left: 10px;
+
+      .bg_text {
+        color: var(--ion-color-primary);
+        background-color: #dfe1f3;
+        font-size: 12px;
+        padding: 2px 5px;
+        border-radius: 5px;
+        //width: 80px;
+        text-align: center;
+      }
+
+      .name {
+        font-family: 'bold';
+        margin-top: 5px;
+      }
+
+      .price {
+        margin-top: 3px;
+        color: var(--ion-color-primary);
+        font-family: 'semi-bold';
+      }
+
+      .row {
+        display: flex;
+        align-items: center;
+        margin-top: 3px;
+
+        ion-icon {
+          font-size: 18px;
+        }
+
+        .small {
+          margin-left: 8px;
+          color: grey;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+}