@egovernments/digit-ui-health-css 0.3.1 → 0.3.3

package/src/pages/employee/mycampaignsnew.scss

@@ -0,0 +1,110 @@
+.digit-results-card-component {
+    gap: 1.5rem;
+    box-shadow: 0rem 0.063rem 0.331rem 0rem #00000026;
+    border-bottom-left-radius: 0rem;
+    border-bottom-right-radius: 0rem;
+
+    .digit-results-card-heading-tags-wrapper {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .digit-results-card-heading {
+            color: theme(digitv2.lightTheme.primary-2);
+            font-family: theme(digitv2.fontFamily.sans);
+            font-style: theme(digitv2.fontStyle.normal);
+            font-weight: theme(digitv2.fontWeight.bold);
+            line-height: 1.14rem;
+
+            @media (max-aspect-ratio: 9/16) {
+                /* Media query for mobile */
+                font-size: theme(digitv2.fontSize.heading-m.mobile);
+            }
+
+            @media (min-aspect-ratio: 9/16) and (max-aspect-ratio: 3/4) {
+                /* Media query for tablets */
+                font-size: theme(digitv2.fontSize.heading-m.tablet);
+            }
+
+            @media (min-aspect-ratio: 3/4) {
+                /* Media query for desktop */
+                font-size: theme(digitv2.fontSize.heading-m.desktop);
+            }
+        }
+
+        .digit-results-card-tags {
+            display: flex;
+            gap: 1rem;
+        }
+    }
+
+    .digit-results-card-content {
+        display: flex;
+        align-items: stretch;
+
+        .left-column,
+        .right-column {
+            flex: 1;
+            flex-direction: column;
+            gap: 1.5rem;
+            display: flex !important;
+        }
+
+        .right-column {
+            margin-left: 1.5rem;
+        }
+
+        .digit-divider {
+            width: 0rem;
+            border-color: #BFBFBF;
+        }
+    }
+}
+
+.digit-results-card-buttons {
+    padding: 1.5rem;
+    background: theme(digitv2.lightTheme.paper);
+    margin-top: -1.5rem;
+    box-shadow: 0rem 0rem 0.431rem 0rem #00000026;
+    border-bottom-right-radius: 0.5rem;
+    border-bottom-left-radius: 0.5rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+
+    .digit-results-card-buttons-internal {
+        display: grid;
+        grid-auto-flow: column;
+        grid-auto-columns: 1fr; 
+        gap: 1rem;
+    }
+}
+
+.digit-viewcard-field-pair {
+    &.digit-results-card-field-pair {
+        .digit-viewcard-label {
+            color: theme(digitv2.lightTheme.primary-2);
+        }
+
+        .digit-viewcard-value {
+            color: #787878;
+        }
+    }
+}
+
+.digit-viewcard-field-pair {
+    &.digit-results-status-card-field-pair {
+            align-items: center;
+            gap: 8.5rem;
+            flex-direction: unset;
+        .digit-viewcard-label {
+            color: theme(digitv2.lightTheme.primary-2);
+            width: unset;
+        }
+
+        .digit-viewcard-value {
+            color: #787878;
+        }
+    }
+}

package/src/pages/employee/payment.scss

@@ -39,73 +39,69 @@
     text-align: start;
 }
 
+/* Main Wrapper */
 .custom-register-inbox-screen {
-
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
 }
 
-
+/* Row Section - Ensures Both Sections Have the Same Height */
 .custom-register-inbox-screen .inner-div-row-section {
-
     width: 100%;
     display: flex;
     flex-direction: row;
     gap: 1.5rem;
+    min-height: 80vh;
+    height: auto;
+    align-items: stretch;
+    /* Forces both sections to stay equal in height */
 }
 
+/* Filter Section - Fixed to 30% Width */
 .custom-register-inbox-screen .custom-inbox-filter-section {
-
-    width: 30%;
+    flex: 0 0 20%;
+    /* Fixes width to 30%, prevents unwanted expansion */
     display: flex;
     flex-direction: column;
-    gap: 1.5rem;
-    height: 80vh;
-}
-
-
-.custom-register-inbox-screen .custom-inbox-inner-filter-section {
-
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    height: 75vh;
+    height: 100%;
+    /* Ensures it stretches with table */
+    min-height: 100%;
     overflow-y: auto;
 }
 
-
-
-
+/* Table Section - Takes Remaining 70% */
 .custom-register-inbox-screen .custom-inbox-outer-table-section {
-
-    width: 100%;
+    flex: 1;
+    /* Takes remaining width (70%) */
     display: flex;
-    flex-direction: row;
-    gap: 1.5rem;
+    flex-direction: column;
+    height: 100%;
+    /* Matches filter height */
+    min-height: 100%;
+    overflow-y: auto;
 }
 
+/* Inner Table Section */
 .custom-inbox-outer-table-section .inner-table-section {
-
     width: 100%;
     display: flex;
     flex-direction: column;
-    height: 75vh;
-    min-height: 75vh;
+    flex-grow: 1;
+    /* Makes sure table stretches */
 }
 
+/* Table Card Override */
 .custom-inbox-outer-table-section .card-overide {
     max-width: 100%;
     overflow: auto;
     margin: 0px;
-    height: 75vh;
+    flex-grow: 1;
+    /* Makes sure the table always fills height */
 }
 
-
-
-
-
+/* Reset Proximity Icon */
 .on-icon-reset-proximity {
     border: 1px solid #e0e0e0;
     padding: 6px;
@@ -113,14 +109,12 @@
     cursor: pointer;
 }
 
-
+/* Bill Inbox */
 .custom-bill-inbox {
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
     margin-bottom: 2.5rem;
-
-
 }
 
 .bill-container {
@@ -141,7 +135,7 @@
 }
 
 .right-section {
-    width: 100%;
+    flex: 1;
     display: flex;
     flex-direction: column;
     gap: 1.5rem;
@@ -152,4 +146,19 @@
     flex-direction: row;
     height: 60vh;
     overflow-y: auto;
+}
+
+.view-label-heading {
+    @extend .typography.heading-s;
+    color: theme(digitv2.lightTheme.text-primary);
+    width: 20%;
+    text-align: left;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+}
+
+.view-label-text {
+    @extend .typography.body-s;
+    color: theme(digitv2.lightTheme.text-primary);
+    width: 80%;
 }