fix(工具箱): 优化“保持亮屏”工具界面样式,背景添加圆角

This commit is contained in:
2024-10-13 12:07:57 +08:00
parent fcda974626
commit 0310eee39e
3 changed files with 7 additions and 2 deletions

View File

@@ -214,9 +214,9 @@ export const toolList = [
title: '保持亮屏', title: '保持亮屏',
iconClass: 'mdi mdi-monitor', iconClass: 'mdi mdi-monitor',
desc: '保持屏幕开启,不息屏,不休眠', desc: '保持屏幕开启,不息屏,不休眠',
createdAt: '2024-10-13', createdAt: '2024-10-11',
updatedAt: '2024-10-13', updatedAt: '2024-10-13',
version: '1', version: '2',
enabled: true, enabled: true,
}, },
{ {

View File

@@ -3,6 +3,7 @@
ref="selfRef" ref="selfRef"
class="tool-detail-page" class="tool-detail-page"
:class="{ :class="{
'has-radius': !fullscreen.isFullscreen.value,
'is-dark-color': isDarkColor, 'is-dark-color': isDarkColor,
'is-faded': isFaded, 'is-faded': isFaded,
'is-on': wakeLock.isActive.value, 'is-on': wakeLock.isActive.value,

View File

@@ -192,6 +192,10 @@ function handleOpenTool(data) {
height: 100%; height: 100%;
overflow-y: auto; overflow-y: auto;
&.has-radius {
border-radius: 8px;
}
> .n-card:not(:first-child) { > .n-card:not(:first-child) {
margin-top: 20px; margin-top: 20px;
} }