upd: implement radius setting

to keep things manageable i merged a lot of one off values into just a
handful of common sizes, so some parts of the ui will look different than
upstream even with the "Misskey" rounding mode
This commit is contained in:
ShittyKopper 2023-10-31 21:44:34 +03:00
parent e33a4d1295
commit ae5d052274
122 changed files with 229 additions and 210 deletions

View file

@ -126,7 +126,7 @@ function onMousedown(evt: MouseEvent): void {
box-shadow: none;
text-decoration: none;
background: var(--buttonBg);
border-radius: 5px;
border-radius: var(--radius-xs);
overflow: clip;
box-sizing: border-box;
transition: background 0.1s ease;
@ -154,7 +154,7 @@ function onMousedown(evt: MouseEvent): void {
}
&.rounded {
border-radius: 999px;
border-radius: var(--radius-ellipse);
}
&.primary {
@ -264,7 +264,7 @@ function onMousedown(evt: MouseEvent): void {
left: 0;
width: 100%;
height: 100%;
border-radius: 6px;
border-radius: var(--radius-sm);
overflow: clip;
pointer-events: none;
}
@ -273,7 +273,7 @@ function onMousedown(evt: MouseEvent): void {
position: absolute;
width: 2px;
height: 2px;
border-radius: 100%;
border-radius: var(--radius-full);
background: rgba(0, 0, 0, 0.1);
opacity: 1;
transform: scale(1);