mirror of
https://github.com/cpvalente/ontime.git
synced 2026-09-09 08:19:15 +00:00
refactor: small style tweaks
This commit is contained in:
committed by
Carlos Valente
parent
3747dbc1a8
commit
5f8a5c4995
@@ -31,8 +31,8 @@
|
|||||||
.radio {
|
.radio {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 1rem;
|
width: 16px; // use absolute units to avoid subpixel rendering issues
|
||||||
height: 1rem;
|
height: 16px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
@@ -65,8 +65,9 @@
|
|||||||
&::before {
|
&::before {
|
||||||
content: '';
|
content: '';
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
width: 0.5rem;
|
width: 6px; // half of the radio size
|
||||||
height: 0.5rem;
|
height: 6px;
|
||||||
|
aspect-ratio: 1;
|
||||||
background-color: $ui-white;
|
background-color: $ui-white;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.thumb {
|
.thumb {
|
||||||
aspect-ratio: 1 / 1;
|
aspect-ratio: 1;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-radius: 99px;
|
border-radius: 99px;
|
||||||
background-color: $ui-white;
|
background-color: $ui-white;
|
||||||
@@ -55,5 +55,4 @@
|
|||||||
&[data-checked] {
|
&[data-checked] {
|
||||||
translate: calc(var(--width) - var(--height)) 0;
|
translate: calc(var(--width) - var(--height)) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user