Mizah/Sharkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

probably fix most renamed CSS variables

Browse source
This commit is contained in:
dakkar 2024-11-08 17:18:29 +00:00
parent 544fc3239f
commit a930fd9758
147 changed files with 399 additions and 400 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/frontend/src/ui/_common_/navbar-for-mobile.vue
View file

@ -159,7 +159,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
}
@ -246,7 +246,7 @@ function more() {
left: 0;
right: 0;
bottom: 0;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
background: var(--MI_THEME-accentedBg);
}
}

8
packages/frontend/src/ui/_common_/navbar.vue
View file

@ -220,7 +220,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
}
@ -339,7 +339,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
background: var(--MI_THEME-accentedBg);
}
}
@ -438,7 +438,7 @@ function more(ev: MouseEvent) {
margin: auto;
width: 52px;
aspect-ratio: 1/1;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
background: linear-gradient(90deg, var(--MI_THEME-buttonGradateA), var(--MI_THEME-buttonGradateB));
}
@ -534,7 +534,7 @@ function more(ev: MouseEvent) {
left: 0;
right: 0;
bottom: 0;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
background: var(--MI_THEME-accentedBg);
}

2
packages/frontend/src/ui/_common_/notification.vue
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: var(--radius-sm);
border-radius: var(--MI-radius-sm);
overflow: clip;
contain: content;
}

4
packages/frontend/src/ui/_common_/upload.vue
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: var(--radius-sm);
border-radius: var(--MI-radius-sm);
}
.mk-uploader:empty {
display: none;
@ -116,7 +116,7 @@ const zIndex = os.claimZIndex('high');
display: block;
background: transparent;
border: none;
border-radius: var(--radius-xs);
border-radius: var(--MI-radius-xs);
overflow: hidden;
grid-column: 2/3;
grid-row: 2/3;

4
packages/frontend/src/ui/deck.vue
View file

@ -441,7 +441,7 @@ body {
width: 100%;
max-width: 60px;
margin: auto;
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
background: transparent;
color: var(--MI_THEME-fg);
@ -467,7 +467,7 @@ body {
&:active {
background: linear-gradient(90deg, hsl(from var(--MI_THEME-accent) h s calc(l + 5)), hsl(from var(--MI_THEME-accent) h s calc(l + 5)));
color: var(--fgOnAccent);
color: var(--MI_THEME-fgOnAccent);
}
}

4
packages/frontend/src/ui/deck/column.vue
View file

@ -287,7 +287,7 @@ function onDrop(ev) {
height: 100%;
overflow: clip;
contain: strict;
border-radius: var(--radius);
border-radius: var(--MI-radius);
&.draghover {
&::after {
@ -388,7 +388,7 @@ function onDrop(ev) {
width: 3px;
height: calc(100% - 24px);
background: var(--MI_THEME-accent);
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
}
.tabShape {

4
packages/frontend/src/ui/universal.vue
View file

@ -353,7 +353,7 @@ $widgets-hide-threshold: 1090px;
right: 32px;
width: 64px;
height: 64px;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
font-size: 22px;
background: var(--MI_THEME-panel);
@ -413,7 +413,7 @@ $widgets-hide-threshold: 1090px;
width: 100%;
max-width: 60px;
margin: auto;
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
background: transparent;
color: var(--MI_THEME-fg);

2
packages/frontend/src/ui/visitor.vue
View file

@ -281,7 +281,7 @@ defineExpose({
padding: 10px;
box-sizing: border-box;
text-align: center;
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
&._button {
background: var(--MI_THEME-panel);

2
packages/frontend/src/ui/zen.vue
View file

@ -80,7 +80,7 @@ document.documentElement.style.overflowY = 'scroll';
width: 100%;
max-width: 60px;
margin: auto;
border-radius: var(--radius-full);
border-radius: var(--MI-radius-full);
background: var(--MI_THEME-panel);
color: var(--MI_THEME-fg);
right: var(--MI-margin);