alarm

src/shared/ui/assets/css/style.css

@@ -598,23 +598,23 @@ main.pb-0 .tab-pane {
     height: 22px;
 }
 
-.sales-detail {
+.dales-detail {
     margin-top: 1rem;
     margin-left: 4px;
     margin-right: 4px;
 }
 
-.sales-detail li {
+.dales-detail li {
     display: inline-block;
     font-size: var(--fs-15);
     margin-right: 30px;
 }
 
-.sales-detail li:last-child {
+.dales-detail li:last-child {
     margin-right: 0;
 }
 
-.sales-detail li strong {
+.dales-detail li strong {
     font-weight: var(--fw-600);
 }
 
@@ -1313,6 +1313,7 @@ input[type="radio"] {
 }
 
 .notice-title {
+    position: relative;
     font-size: var(--fs-17);
     font-weight: 400;
     color: var(--color-111111);
@@ -1323,6 +1324,19 @@ input[type="radio"] {
     overflow: hidden;
 }
 
+.notice-title.unread::after {
+    content: '';
+    position: relative;
+    bottom: 2px;
+    left: 5px;
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    background-color: var(--color-EB5757);
+    border-radius: 50%;
+    margin-left: 4px;
+}
+
 .notice-meta {
     font-size: var(--fs-14);
     color: #999;
@@ -2081,6 +2095,7 @@ input[type="radio"] {
 /* 필터 및 정렬 */
 .excrow {
     max-width: 67%;
+    margin-right: -26px;
 }
 
 .filter-section {
@@ -2089,13 +2104,12 @@ input[type="radio"] {
     align-items: center;
     padding: 15px 10px;
     margin-bottom: 10px;
-    gap: 10px;
 }
 
 .sort-options {
     display: flex;
     align-items: center;
-    gap: 4px;
+    gap: 10px;
 }
 
 .sort-btn {
@@ -4542,6 +4556,17 @@ ul.txn-amount-detail li span:last-child {
     color: var(--color-2D3436);
 }
 
+.pdw-16 {
+    padding: 0 16px;
+}
+
+.pdw-16 .option-list {padding-top: 16px;}
+
+.pdw-16 .full-menu-header {
+    margin-left: -16px;
+    margin-right: -16px;
+}
+
 .ing-list.pdtop {
     padding-top: 26px;
     gap: 10px;