44
55@font-face {
66 font-family : 'SUIT-Variable' ;
7- src : url ('@/assets/fonts/SUIT-Variable.ttf' ) format ('truetype' );
8- font-weight : normal;
7+ src :
8+ url ('@/assets/fonts/SUIT-Variable.woff2' ) format ('woff2' ),
9+ url ('@/assets/fonts/SUIT-Variable.ttf' ) format ('truetype' );
10+ font-weight : 100 900 ;
911 font-style : normal;
12+ font-display : swap;
1013}
1114
1215body {
@@ -48,19 +51,22 @@ body {
4851}
4952
5053.button-medium {
51- @apply flex items-center justify-center rounded px-4 py-2 font-bold gap-1 text-xs cursor-pointer shrink-0;
54+ @apply flex items-center justify-center rounded px-4 py-2 font-bold gap-1 text-xs cursor-pointer shrink-0 h-full ;
5255}
5356.button-medium-primary {
5457 @apply button-medium bg-primary1 text-white hover:bg-[# 6869DE ];
5558}
5659.button-medium-secondary {
57- @apply button-medium bg-white border border-primary1 text-primary1 hover:bg-background-2 ;
60+ @apply button-medium bg-white border border-primary1 text-primary1 hover:bg-primary2 ;
5861}
5962.button-medium-default {
6063 @apply button-medium bg-white border border-border-1 text-disabled hover:bg-background-2;
6164}
6265.button-medium-red {
63- @apply button-medium bg-white border border-red-1 text-red-1 hover:bg-background-2;
66+ @apply button-medium bg-white border border-red-1 text-red-1 hover:bg-red-2;
67+ }
68+ .button-medium-disabled {
69+ @apply button-medium text-disabled bg-background-1;
6470}
6571
6672.button-small {
9399 @apply flex justify-center items-center w-full h-8 px-2 border-b border-border-1 relative text-xs cursor-pointer;
94100}
95101.filter-dropdown-option-list {
96- @apply w-full max-h-[120 px ] overflow-y-scroll absolute left-0 top-[calc (100% +8px )] shadow-custom p-2 flex flex-col gap-2 rounded bg-white cursor-auto;
102+ @apply w-full max-h-[160 px ] overflow-y-scroll absolute left-0 top-[calc (100% +8px )] shadow-custom p-2 flex flex-col gap-2 rounded bg-white cursor-auto;
97103}
98104.filter-dropdown-option {
99105 @apply text-xs p-2 rounded text-center cursor-pointer;
@@ -108,10 +114,10 @@ body {
108114}
109115
110116.request-task-dropdown {
111- @apply flex w-full h-11 items-center rounded p-4 bg-white border border-border-1 cursor-pointer text-black ;
117+ @apply flex w-full h-11 items-center rounded p-4 bg-white border border-border-1 cursor-pointer;
112118}
113119.request-task-dropdown-option-list {
114- @apply absolute w-full h-40 overflow-y-auto top-[52px ] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow-custom text-black ;
120+ @apply absolute w-full h-40 overflow-y-auto top-[52px ] flex flex-col gap-2 p-2 bg-white rounded z-10 shadow-custom;
115121}
116122.request-task-dropdown-option {
117123 @apply w-full flex items-center h-11 p-2 rounded hover:bg-background-2 cursor-pointer;
@@ -140,7 +146,7 @@ body {
140146 @apply w-full flex items-center h-10 p-2 rounded hover:bg-background-2 cursor-pointer;
141147}
142148.task-detail-manager-dropdown {
143- @apply flex w-full h-10 items-center rounded p-4 bg-white border border-border-1 cursor-pointer text-black ;
149+ @apply flex w-full h-10 items-center rounded p-4 bg-white border border-border-1 cursor-pointer;
144150}
145151
146152.modal-enter-active ,
0 commit comments