kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

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
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
+2 -2
View File
@@ -149,7 +149,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
@@ -236,7 +236,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: var(--accentedBg);
}
}
packages/frontend/src/ui/_common_/navbar.vue
+4 -4
View File
@@ -202,7 +202,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
@@ -296,7 +296,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: var(--accentedBg);
}
}
@@ -388,7 +388,7 @@ function more(ev: MouseEvent) {
margin: auto;
width: 52px;
aspect-ratio: 1/1;
border-radius: 100%;
border-radius: var(--radius-full);
background: linear-gradient(90deg, var(--buttonGradateA), var(--buttonGradateB));
}
@@ -457,7 +457,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: 999px;
border-radius: var(--radius-ellipse);
background: var(--accentedBg);
}
packages/frontend/src/ui/_common_/notification.vue
+1 -1
View File
@@ -22,7 +22,7 @@ defineProps<{
<style lang="scss" module>
.root {
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
border-radius: 8px;
border-radius: var(--radius-sm);
overflow: clip;
contain: content;
}
packages/frontend/src/ui/_common_/upload.vue
+2 -2
View File
@@ -40,7 +40,7 @@ const zIndex = os.claimZIndex('high');
padding: 16px 20px;
pointer-events: none;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
border-radius: 8px;
border-radius: var(--radius-sm);
}
.mk-uploader:empty {
display: none;
@@ -116,7 +116,7 @@ const zIndex = os.claimZIndex('high');
display: block;
background: transparent;
border: none;
border-radius: 4px;
border-radius: var(--radius-xs);
overflow: hidden;
grid-column: 2/3;
grid-row: 2/3;