refactor(frontend): prefix css variables (UI) (#14739)
* refactor(frontend): prefix css variables * `MI_UI` -> `MI` * fix * `stickyBottom` * stickyTop
This commit is contained in:
		| @@ -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> | ||||
|   | ||||
| @@ -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> | ||||
|   | ||||
| @@ -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; | ||||
| } | ||||
|  | ||||
|   | ||||
| @@ -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> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 かっこかり
					かっこかり