Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

upd: implement radius setting

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkRange.vue
View file

@ -186,7 +186,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
padding: 7px 12px;
background: var(--panel);
border: solid 1px var(--panel);
border-radius: 6px;
border-radius: var(--radius-sm);
> .container {
position: relative;
@ -202,7 +202,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
width: calc(100% - #{$thumbWidth});
height: 3px;
background: rgba(0, 0, 0, 0.1);
border-radius: 999px;
border-radius: var(--radius-ellipse);
overflow: clip;
> .highlight {
@ -233,7 +233,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
height: 3px;
margin-left: - math.div($tickWidth, 2);
background: var(--divider);
border-radius: 999px;
border-radius: var(--radius-ellipse);
}
}
@ -243,7 +243,7 @@ const onMousedown = (ev: MouseEvent | TouchEvent) => {
height: $thumbHeight;
cursor: grab;
background: var(--accent);
border-radius: 999px;
border-radius: var(--radius-ellipse);
&:hover {
background: var(--accentLighten);