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
|
|
@ -157,7 +157,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
padding: 0 10px;
|
||||
height: 28px;
|
||||
outline: none;
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-xs);
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.7;
|
||||
|
|
|
|||
|
|
@ -208,7 +208,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
width: 100%;
|
||||
overflow: hidden;
|
||||
background: var(--X11);
|
||||
border-radius: 8px;
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
|
||||
.meterVal {
|
||||
|
|
|
|||
|
|
@ -111,7 +111,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
width: ($bodyTitleHieght + $bodyInfoHieght);
|
||||
height: ($bodyTitleHieght + $bodyInfoHieght);
|
||||
object-fit: cover;
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-xs);
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -66,7 +66,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
display: inline-block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
border-radius: 8px;
|
||||
border-radius: var(--radius-sm);
|
||||
box-sizing: border-box;
|
||||
border: solid 3px #fff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
padding: 0 10px;
|
||||
height: 28px;
|
||||
outline: none;
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-xs);
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.7;
|
||||
|
|
|
|||
|
|
@ -101,7 +101,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
|
||||
.img {
|
||||
border: solid 4px transparent;
|
||||
border-radius: 8px;
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -120,7 +120,7 @@ defineExpose<WidgetComponentExpose>({
|
|||
background-size: cover;
|
||||
background-clip: content-box;
|
||||
border: solid 2px transparent;
|
||||
border-radius: 4px;
|
||||
border-radius: var(--radius-xs);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue