study/uTools-quickcommand
1
0
Fork 0
mirror of https://github.com/fofolee/uTools-quickcommand.git synced 2025-06-29 20:32:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

调整样式

Browse Source
This commit is contained in:
fofolee 2024-12-18 18:36:58 +08:00
parent 3e9bebf289
commit be663fc4e3
3 changed files with 79 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
src/App.vue
View File

@ -242,76 +242,3 @@ export default defineComponent({
}, },
}); });
</script> </script>
<style>
:root {
--q-dark: #464646;
--q-dark-page: #303133;
}
.q-card--dark {
background: var(--q-dark-page);
}
.container {
color: black;
background: white;
}
.body--dark .container {
color: white;
background: var(--q-dark-page);
}
.q-tooltip {
font-size: 11px;
}
.q-chip {
background: #e3e3e39a;
}
.q-chip--dark {
background: #676666;
}
.commandLogo {
cursor: pointer;
transition: 0.2s;
filter: drop-shadow(2px 1px 1px grey);
}
.commandLogo:hover {
transition: 0.5s;
transform: translateY(-5px);
filter: drop-shadow(2px 1px 5px grey);
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(194, 194, 194, 0.4);
border: rgba(194, 194, 194, 0.4);
}
::-webkit-scrollbar-track-piece {
background: rgba(194, 194, 194, 0.1);
}
.fade-enter-from {
opacity: 0;
}
.fade-enter-to {
opacity: 1;
}
.fade-enter-active {
transition: opacity 0.3s ease;
}
</style>

6
src/components/CommandCard.vue
View File

@ -478,12 +478,10 @@ export default {
.q-card.command { .q-card.command {
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
background: #00000008; background: #ffffff08;
transition: 0.5s; transition: 0.5s;
} }
.q-card--dark.command {
background: #ffffff08;
}
.q-badge { .q-badge {
font-size: 15px; font-size: 15px;
margin: 0 1px; margin: 0 1px;

77
src/css/app.css
View File

@ -26,6 +26,82 @@
content: "\e6bb"; content: "\e6bb";
} }
:root {
--q-dark: #464646;
--q-dark-page: #303133;
}
.q-card--dark {
background: var(--q-dark-page);
}
.container {
color: black;
background: white;
}
body {
background: #f4f4f4;
color: #333;
}
.body--dark .container {
color: white;
background: var(--q-dark-page);
}
.q-tooltip {
font-size: 11px;
}
.q-chip {
background: #e3e3e39a;
}
.q-chip--dark {
background: #676666;
}
.commandLogo {
cursor: pointer;
transition: 0.2s;
filter: drop-shadow(2px 1px 1px grey);
}
.commandLogo:hover {
transition: 0.5s;
transform: translateY(-5px);
filter: drop-shadow(2px 1px 5px grey);
}
::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: rgba(194, 194, 194, 0.4);
border: rgba(194, 194, 194, 0.4);
}
::-webkit-scrollbar-track-piece {
background: rgba(194, 194, 194, 0.1);
}
.fade-enter-from {
opacity: 0;
}
.fade-enter-to {
opacity: 1;
}
.fade-enter-active {
transition: opacity 0.3s ease;
}
/* 优化 Tooltip 样式 */ /* 优化 Tooltip 样式 */
.q-tooltip { .q-tooltip {
background: rgba(255, 255, 255, 0.18) !important; background: rgba(255, 255, 255, 0.18) !important;
@ -54,6 +130,7 @@
opacity: 0; opacity: 0;
transform: scale(0.95) translateY(5px); transform: scale(0.95) translateY(5px);
} }
to { to {
opacity: 1; opacity: 1;
transform: scale(1) translateY(0); transform: scale(1) translateY(0);