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

@ -181,7 +181,7 @@ onUnmounted(() => {
width: calc(var(--height) - (var(--margin) * 2));
box-sizing: border-box;
position: relative;
border-radius: 5px;
border-radius: var(--radius-xs);
&:hover {
background: rgba(0, 0, 0, 0.05);
@ -286,7 +286,7 @@ onUnmounted(() => {
bottom: 0;
height: 3px;
background: var(--accent);
border-radius: 999px;
border-radius: var(--radius-ellipse);
transition: all 0.2s ease;
pointer-events: none;
}

View file

@ -369,7 +369,7 @@ defineExpose({
display: block;
margin: auto;
height: 42px;
border-radius: 8px;
border-radius: var(--radius-sm);
}
}
}

View file

@ -149,7 +149,7 @@ const props = defineProps<{
.diff {
background: #fff;
color: #000;
border-radius: 6px;
border-radius: var(--radius-sm);
overflow: clip;
}

View file

@ -146,7 +146,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--accentedBg);
color: var(--accent);
border-radius: 10px;
border-radius: var(--radius);
}
&.sub {

View file

@ -115,7 +115,7 @@ onMounted(async () => {
margin-right: 12px;
background: var(--accentedBg);
color: var(--accent);
border-radius: 10px;
border-radius: var(--radius);
}
&.users {

View file

@ -104,7 +104,7 @@ definePageMetadata({
height: 28px;
align-items: center;
justify-content: center;
border-radius: 999px;
border-radius: var(--radius-ellipse);
margin-right: 8px;
}
@ -119,7 +119,7 @@ definePageMetadata({
height: 40px;
color: var(--error);
margin-left: auto;
border-radius: 6px;
border-radius: var(--radius-sm);
&:hover {
background: var(--X5);