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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user