feat: notificationpage mobile

2025-07-23 04:36:49 +00:00 · 2021-09-14 16:04:19 +07:00
parent d99abb51e9
commit 3c8f01fa7e
10 changed files with 242 additions and 0 deletions
--- a/src/components/modules/Notification/NotificationItem/NotificationItem.module.scss
+++ b/src/components/modules/Notification/NotificationItem/NotificationItem.module.scss
@@ -0,0 +1,39 @@
+@import '../../../../styles/utilities';
+
+.notificationItem {
+    @apply flex flex-row;
+    padding-left: 1.6rem;
+    padding-bottom: 1.4rem;
+    &:hover{
+        cursor: pointer;
+    }
+    .contentWrapper {
+        padding-left: 1.6rem;
+        max-width: 26.3rem;
+        .title {
+            font-weight: bold;
+            color: var(--text-active);
+        }
+        .date {
+            font-size: 1.2rem;
+            line-height: 2rem;
+            letter-spacing: 0.01em;
+        }
+    }
+    &.isChecked {
+        .icon {
+            rect {
+                fill: var(--gray)
+            }
+            path {
+                fill: var(--disabled)
+            }
+        }
+        .title {
+            color: var(--label);
+        }
+        .content, .date {
+            color: #828282;
+        }
+    }
+}