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:
parent
e33a4d1295
commit
ae5d052274
122 changed files with 229 additions and 210 deletions
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -369,7 +369,7 @@ defineExpose({
|
|||
display: block;
|
||||
margin: auto;
|
||||
height: 42px;
|
||||
border-radius: 8px;
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -149,7 +149,7 @@ const props = defineProps<{
|
|||
.diff {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
border-radius: 6px;
|
||||
border-radius: var(--radius-sm);
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@ onMounted(async () => {
|
|||
margin-right: 12px;
|
||||
background: var(--accentedBg);
|
||||
color: var(--accent);
|
||||
border-radius: 10px;
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
&.sub {
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ onMounted(async () => {
|
|||
margin-right: 12px;
|
||||
background: var(--accentedBg);
|
||||
color: var(--accent);
|
||||
border-radius: 10px;
|
||||
border-radius: var(--radius);
|
||||
}
|
||||
|
||||
&.users {
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue