refactor: streamline button styles and improve consistency in style.scss
This commit is contained in:
parent
1a9cb24e6e
commit
613b8eebe8
|
@ -7,6 +7,13 @@
|
||||||
user-select: none;
|
user-select: none;
|
||||||
color: var(--main-color);
|
color: var(--main-color);
|
||||||
|
|
||||||
|
button {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--main-color);
|
||||||
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -15,8 +22,6 @@
|
||||||
border-bottom: 1px solid #e0e0e0;
|
border-bottom: 1px solid #e0e0e0;
|
||||||
|
|
||||||
button {
|
button {
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
img {
|
img {
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: 1rem;
|
height: 1rem;
|
||||||
|
@ -40,12 +45,7 @@
|
||||||
.item.day-indicator {
|
.item.day-indicator {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
button.item {
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
cursor: pointer;
|
|
||||||
color: var(--main-color);
|
|
||||||
}
|
|
||||||
button.item.date {
|
button.item.date {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -67,6 +67,5 @@
|
||||||
color: var(--reversed-color);
|
color: var(--reversed-color);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue
Block a user