mirror of
https://github.com/Kuingsmile/PicList.git
synced 2026-06-01 07:59:42 +08:00
✨ Feature(custom): enhance UI styles for Picgo settings and upload page
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user