|
@@ -140,7 +140,6 @@ onMounted(() => {
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
.cache-container {
|
|
.cache-container {
|
|
padding: 16px;
|
|
padding: 16px;
|
|
-
|
|
|
|
.header {
|
|
.header {
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
|
|
|
|
@@ -156,11 +155,20 @@ onMounted(() => {
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
.cache-card {
|
|
.cache-card {
|
|
margin-bottom: 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|
|
|
|
+}
|
|
|
|
|
|
-
|
|
|
|
|
|
+/* 深色主题下的样式 */
|
|
|
|
+[data-theme='dark'] .cache-container {
|
|
|
|
+ padding: 16px;
|
|
|
|
+ .header {
|
|
|
|
+ margin-bottom: 16px;
|
|
|
|
+ h2 {
|
|
|
|
+ font-size: 18px;
|
|
|
|
+ margin: 0 0 8px;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ }}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|