chore: reformat code

This commit is contained in:
Hakadao
2023-12-06 16:46:46 +08:00
parent 0e4b4a59bb
commit 0d7ac73312
27 changed files with 145 additions and 81 deletions

View File

@@ -170,7 +170,8 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
{{ selectedCategory?.title }}
</h3> -->
<div
fixed z-10 absolute p-2 flex="~ gap-2" items-center
fixed z-10 absolute p-2 flex="~ gap-2"
items-center
bg="$bew-elevated-solid-1" rounded="$bew-radius" shadow="$bew-shadow-2" mt--2 transition="all 300 ease-in-out"
:class="{ hide: shouldMoveCtrlBarUp }"
>
@@ -242,11 +243,13 @@ function handleUnfavorite(favoriteResource: FavoriteResource) {
<aside relative w="full md:40% lg:30% xl:25%" display="md:block none" order="1 md:2 lg:2">
<div
pos="sticky top-120px" flex="~ col gap-4" justify-start my-10 w-full h="auto md:[calc(100vh-160px)]" p-6
pos="sticky top-120px" flex="~ col gap-4" justify-start my-10 w-full
h="auto md:[calc(100vh-160px)]" p-6
rounded="$bew-radius" overflow-hidden bg="$bew-fill-3"
>
<div
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center z--1
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
z--1
>
<div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
<img

View File

@@ -98,7 +98,8 @@ onUnmounted(() => {
<transition name="fade">
<div
v-if="(!settings.individuallySetSearchPageWallpaper && settings.enableWallpaperMasking) || (settings.searchPageEnableWallpaperMasking)"
pos="relative left-0 top-0" w-full h-inherit pointer-events-none duration-300 z-1
pos="relative left-0 top-0" w-full h-inherit pointer-events-none duration-300
z-1
:style="{
backdropFilter: `blur(${settings.individuallySetSearchPageWallpaper ? settings.searchPageWallpaperBlurIntensity : settings.wallpaperBlurIntensity}px)`,
}"
@@ -139,7 +140,8 @@ onUnmounted(() => {
</Transition>
<header
pos="sticky top-80px" w-fit z-10 mb-9 duration-300 ease-in-out
pos="sticky top-80px" w-fit z-10 mb-9 duration-300
ease-in-out
:class="{ hide: shouldMoveTabsUp }"
>
<ul flex="~ items-center gap-3">

View File

@@ -109,7 +109,8 @@ function getRankingPgc() {
<template>
<div flex="~ gap-40px">
<aside
pos="sticky top-150px" h="[calc(100vh-140px)]" w-200px shrink-0 duration-300 ease-in-out
pos="sticky top-150px" h="[calc(100vh-140px)]" w-200px shrink-0 duration-300
ease-in-out
:class="{ hide: shouldMoveAsideUp }"
>
<OverlayScrollbarsComponent h-inherit p-20px m--20px defer>

View File

@@ -123,4 +123,3 @@ function jumpToLoginPage() {
<style lang="scss" scoped>
</style>
~/models/apiModels/moment/momentResult

View File

@@ -190,7 +190,8 @@ function setupCommentEmote(content: string, emote: any) {
</section>
<section bg="$bew-content-solid-1" rounded="$bew-radius" p-4>
<section
flex justify-between bg="$bew-fill-1" rounded="$bew-radius" p-2 mb-4 relative z-1
flex justify-between bg="$bew-fill-1" rounded="$bew-radius" p-2
mb-4 relative z-1
overflow-hidden
>
<img

View File

@@ -267,11 +267,13 @@ function jumpToLoginPage() {
<aside relative w="full md:40% lg:30% xl:25%" order="1 md:2 lg:2">
<div
pos="sticky top-120px" flex="~ col gap-4" justify-start my-10 w-full h="auto md:[calc(100vh-160px)]" p-6
pos="sticky top-120px" flex="~ col gap-4" justify-start my-10 w-full
h="auto md:[calc(100vh-160px)]" p-6
rounded="$bew-radius" overflow-hidden bg="$bew-fill-3"
>
<div
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center z--1
pos="absolute top-0 left-0" w-full h-full bg-cover bg-center
z--1
>
<div absolute w-full h-full style="backdrop-filter: blur(60px) saturate(180%)" bg="$bew-fill-4" />
<img