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

4
packages/frontend/src/components/global/MkAd.vue
View file

@ -169,7 +169,7 @@ function reduceFrequency(): void {
display: block;
object-fit: contain;
margin: auto;
border-radius: 5px;
border-radius: var(--radius-xs);
}
.i {
@ -179,7 +179,7 @@ function reduceFrequency(): void {
display: grid;
place-content: center;
background: var(--panel);
border-radius: 100%;
border-radius: var(--radius-full);
padding: 2px;
}

4
packages/frontend/src/components/global/MkAvatar.vue
View file

@ -159,7 +159,7 @@ watch(() => props.user.avatarBlurhash, () => {
display: inline-block;
vertical-align: bottom;
flex-shrink: 0;
border-radius: 100%;
border-radius: var(--radius-full);
line-height: 16px;
}
@ -169,7 +169,7 @@ watch(() => props.user.avatarBlurhash, () => {
left: 0;
right: 0;
top: 0;
border-radius: 100%;
border-radius: var(--radius-full);
z-index: 1;
overflow: clip;
object-fit: cover;

2
packages/frontend/src/components/global/MkError.vue
View file

@ -44,6 +44,6 @@ const emit = defineEmits<{
width: 128px;
height: 128px;
margin-bottom: 16px;
border-radius: 16px;
border-radius: var(--radius-md);
}
</style>

2
packages/frontend/src/components/global/MkPageHeader.tabs.vue
View file

@ -245,7 +245,7 @@ onUnmounted(() => {
bottom: 0;
height: 3px;
background: var(--accent);
border-radius: 999px;
border-radius: var(--radius-ellipse);
transition: none;
pointer-events: none;

2
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -227,7 +227,7 @@ onUnmounted(() => {
width: calc(var(--height) - (var(--margin)));
box-sizing: border-box;
position: relative;
border-radius: 5px;
border-radius: var(--radius-xs);
&:hover {
background: rgba(0, 0, 0, 0.05);