Feature(custom): enhance UI styles for Picgo settings and upload page

This commit is contained in:
Kuingsmile
2025-08-06 17:28:39 +08:00
parent 4b8bfded1d
commit ca95b7aa49
7 changed files with 1326 additions and 1755 deletions

View File

@@ -1,8 +1,5 @@
<template>
<div
id="main"
class="app-container"
>
<div id="main" class="app-container">
<TitleBar />
<div class="app-background">
<div class="bg-gradient" />
@@ -11,15 +8,9 @@
<main class="main-content">
<div class="content-container">
<router-view v-slot="{ Component, route }">
<transition
name="page"
mode="out-in"
>
<transition name="page" mode="out-in">
<keep-alive :include="keepAlivePages">
<component
:is="Component"
:key="route.path"
/>
<component :is="Component" :key="route.path" />
</keep-alive>
</transition>
</router-view>
@@ -39,13 +30,10 @@ const keepAlivePages = $router
.getRoutes()
.filter(item => item.meta.keepAlive)
.map(item => item.name as string)
</script>
<script lang="ts">
export default {
name: 'MainPage'
}
export default { name: 'MainPage' }
</script>
<style>
@@ -123,7 +111,6 @@ export default {
:root.dark,
:root.auto.dark {
h1,
h2,
h3,
@@ -221,16 +208,6 @@ body {
margin: 0;
}
.page-enter-from {
opacity: 0;
transform: translateY(24px) scale(0.98);
}
.page-leave-to {
opacity: 0;
transform: translateY(-8px) scale(1.02);
}
::-webkit-scrollbar {
width: 12px;
height: 12px;