2021-1-capstone-design2 / 2017110273

Go to a project
Toggle navigation Toggle navigation pinning
sdy
94c55dd1 1 parent e79ec23a

update menu component style

Inline Side-by-side
Showing 1 changed file with 53 additions and 3 deletions
......@@ -114,9 +114,59 @@ body, html {
}
.menu-item a {
font-weight: 500;
margin-bottom: 0.125rem;
color: var(--link);
text-decoration: none;
color: var(--background);
box-sizing: border-box;
padding: 0.5rem 1rem;
margin: 0;
background: var(--text-1);
border-radius: 1.125rem 1.125rem 1.125rem 0;
min-height: 2.25rem;
width: fit-content;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
}
.menu-item .corona-cnt-box a {
text-decoration: none;
color: var(--background);
box-sizing: border-box;
padding: 0.5rem 1rem;
margin: 0;
background: var(--text-1);
border-radius: 1.125rem 1.125rem 1.125rem 0;
min-height: 2.25rem;
width: fit-content;
box-shadow: 0 0 2rem rgba(0, 0, 0, 0.075), 0 1rem 1rem -1rem rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.menu-item .corona-cnt-box .corona-cnt-today {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 0.5rem;
}
.menu-item .corona-cnt-box .corona-cnt-today .cnt {
color: red;
}
.menu-item .corona-cnt-box .corona-cnt-acc {
display: flex;
flex-direction: column;
align-items: center;
}
.menu-item .corona-cnt-box .corona-cnt-acc .cnt {
color: red;
}
/* chats */
......