misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 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

24
packages/frontend/src/pages/user/home.vue
View file

@ -423,7 +423,7 @@ onUnmounted(() => {
background-size: cover;
background-position: center;
pointer-events: none;
filter: var(--blur, blur(10px)) opacity(0.6);
filter: var(--MI-blur, blur(10px)) opacity(0.6);
// Funny CSS schenanigans to make background escape container
left: -100%;
top: -5%;
@ -446,7 +446,7 @@ onUnmounted(() => {
> .main {
position: relative;
overflow: clip;
background: color-mix(in srgb, var(--panel) 65%, transparent);
background: color-mix(in srgb, var(--MI_THEME-panel) 65%, transparent);
> .banner-container {
position: relative;
@ -481,7 +481,7 @@ onUnmounted(() => {
backdrop-filter: var(--MI-blur, blur(8px));
background: rgba(0, 0, 0, 0.2);
padding: 8px;
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
> .menu {
vertical-align: bottom;
@ -534,7 +534,7 @@ onUnmounted(() => {
color: #fff;
-webkit-backdrop-filter: var(--MI-blur, blur(8px));
backdrop-filter: var(--MI-blur, blur(8px));
border-radius: var(--radius-lg);
border-radius: var(--MI-radius-lg);
padding: 4px 8px;
font-size: 80%;
}
@ -594,7 +594,7 @@ onUnmounted(() => {
> .role {
border: solid 1px var(--color, var(--MI_THEME-divider));
border-radius: var(--radius-ellipse);
border-radius: var(--MI-radius-ellipse);
margin-right: 4px;
padding: 3px 8px;
}
@ -609,7 +609,7 @@ onUnmounted(() => {
background: transparent;
color: var(--MI_THEME-fg);
border: 1px solid var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
padding: 8px;
line-height: 0;
@ -819,12 +819,12 @@ onUnmounted(() => {
.tab {
margin-bottom: calc(var(--margin) / 2);
padding: calc(var(--margin) / 2) 0;
background: color-mix(in srgb, var(--bg) 65%, transparent);
backdrop-filter: var(--blur, blur(15px));
border-radius: var(--radius-sm);
background: color-mix(in srgb, var(--MI_THEME-bg) 65%, transparent);
backdrop-filter: var(--MI-blur, blur(15px));
border-radius: var(--MI-radius-sm);
> button {
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
margin-left: 0.4rem;
margin-right: 0.4rem;
}
@ -836,7 +836,7 @@ onUnmounted(() => {
}
.pinnedNote:not(:last-child) {
border-bottom: solid 0.5px var(--divider);
border-bottom: solid 0.5px var(--MI_THEME-divider);
}
.infoBadges {
@ -855,7 +855,7 @@ onUnmounted(() => {
color: #fff;
background: rgba(0, 0, 0, 0.7);
font-size: 0.7em;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
list-style-type: none;
margin-left: 0;
}

2
packages/frontend/src/pages/user/index.files.vue
View file

@ -96,7 +96,7 @@ onMounted(() => {
.img {
position: relative;
height: 128px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
overflow: clip;
}

2
packages/frontend/src/pages/user/lists.vue
View file

@ -45,7 +45,7 @@ const pagination = {
display: block;
padding: 16px;
border: solid 1px var(--MI_THEME-divider);
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
margin-bottom: 8px;
&:hover {

2
packages/frontend/src/pages/user/raw.vue
View file

@ -107,7 +107,7 @@ const suspended = computed(() => props.user.isSuspended ?? false);
> .moderator {
display: inline-block;
border: solid 1px;
border-radius: var(--radius-sm);
border-radius: var(--MI-radius-sm);
padding: 2px 6px;
font-size: 85%;
}