misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

refactor(frontend): prefix css variables (UI) (#14739)

Browse source 
* refactor(frontend): prefix css variables

* `MI_UI` -> `MI`

* fix

* `stickyBottom`

* stickyTop
This commit is contained in:
かっこかり 2024-10-10 16:12:16 +09:00 • committed by GitHub
parent 21e51567e7
commit b668d161a9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
130 changed files with 296 additions and 296 deletions
Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/pages/user/follow-list.vue
View file

@ -45,6 +45,6 @@ const followersPagination = {
.users {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: var(--margin);
grid-gap: var(--MI-margin);
}
</style>

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

@ -38,6 +38,6 @@ const pagination = {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
grid-gap: 12px;
margin: var(--margin);
margin: var(--MI-margin);
}
</style>

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

@ -377,8 +377,8 @@ onUnmounted(() => {
position: absolute;
top: 12px;
right: 12px;
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px));
-webkit-backdrop-filter: var(--MI-blur, blur(8px));
backdrop-filter: var(--MI-blur, blur(8px));
background: rgba(0, 0, 0, 0.2);
padding: 8px;
border-radius: 24px;
@ -432,8 +432,8 @@ onUnmounted(() => {
> .add-note-button {
background: rgba(0, 0, 0, 0.2);
color: #fff;
-webkit-backdrop-filter: var(--blur, blur(8px));
backdrop-filter: var(--blur, blur(8px));
-webkit-backdrop-filter: var(--MI-blur, blur(8px));
backdrop-filter: var(--MI-blur, blur(8px));
border-radius: 24px;
padding: 4px 8px;
font-size: 80%;
@ -616,7 +616,7 @@ onUnmounted(() => {
> .contents {
> .content {
margin-bottom: var(--margin);
margin-bottom: var(--MI-margin);
}
}
}
@ -633,7 +633,7 @@ onUnmounted(() => {
> .sub {
max-width: 350px;
min-width: 350px;
margin-left: var(--margin);
margin-left: var(--MI-margin);
}
}
}
@ -711,7 +711,7 @@ onUnmounted(() => {
<style lang="scss" module>
.tl {
background: var(--MI_THEME-bg);
border-radius: var(--radius);
border-radius: var(--MI-radius);
overflow: clip;
}

4
packages/frontend/src/pages/user/index.timeline.vue
View file

@ -51,13 +51,13 @@ const pagination = computed(() => tab.value === 'featured' ? {
<style lang="scss" module>
.tab {
padding: calc(var(--margin) / 2) 0;
padding: calc(var(--MI-margin) / 2) 0;
background: var(--MI_THEME-bg);
}
.tl {
background: var(--MI_THEME-bg);
border-radius: var(--radius);
border-radius: var(--MI-radius);
overflow: clip;
}
</style>