sdy

update menu component style

...@@ -114,9 +114,59 @@ body, html { ...@@ -114,9 +114,59 @@ body, html {
114 } 114 }
115 115
116 .menu-item a { 116 .menu-item a {
117 - font-weight: 500; 117 + text-decoration: none;
118 - margin-bottom: 0.125rem; 118 + color: var(--background);
119 - color: var(--link); 119 +
120 + box-sizing: border-box;
121 + padding: 0.5rem 1rem;
122 + margin: 0;
123 + background: var(--text-1);
124 + border-radius: 1.125rem 1.125rem 1.125rem 0;
125 + min-height: 2.25rem;
126 + width: fit-content;
127 +
128 + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
129 +}
130 +
131 +.menu-item .corona-cnt-box a {
132 + text-decoration: none;
133 + color: var(--background);
134 +
135 + box-sizing: border-box;
136 + padding: 0.5rem 1rem;
137 + margin: 0;
138 + background: var(--text-1);
139 + border-radius: 1.125rem 1.125rem 1.125rem 0;
140 + min-height: 2.25rem;
141 + width: fit-content;
142 +
143 + box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
144 +
145 + display: flex;
146 + flex-direction: row;
147 + align-items: center;
148 + justify-content: space-between;
149 +}
150 +
151 +.menu-item .corona-cnt-box .corona-cnt-today {
152 + display: flex;
153 + flex-direction: column;
154 + align-items: center;
155 + margin-right: 0.5rem;
156 +}
157 +
158 +.menu-item .corona-cnt-box .corona-cnt-today .cnt {
159 + color: red;
160 +}
161 +
162 +.menu-item .corona-cnt-box .corona-cnt-acc {
163 + display: flex;
164 + flex-direction: column;
165 + align-items: center;
166 +}
167 +
168 +.menu-item .corona-cnt-box .corona-cnt-acc .cnt {
169 + color: red;
120 } 170 }
121 171
122 /* chats */ 172 /* chats */
......