GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-07-04 22:11:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: remove unnecessary border and border-radius styles across various components

Browse Source 
- Removed border and border-radius styles from SubscribeCard, CategoryEditDialog, ContentToggleSettingsDialog, DiscoverTabOrderDialog, ForkWorkflowDialog, OfflineStatusDialog, PluginMarketSettingDialog, ReorganizeDialog, SearchBarDialog, SiteImportDialog, SiteResourceDialog, SiteStatisticsDialog, WorkflowActionsDialog, TorrentFilterBar, and several setup views.
- Updated common.scss to introduce new variables for surface radius and border styles.
- Adjusted component styles to utilize new app surface styles for consistency.
This commit is contained in:
jxxghp
2026-06-07 15:43:22 +08:00
parent f51b253c83
commit 87d780d985
28 changed files with 186 additions and 271 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/setup/DownloaderSettingsStep.vue
View File

@@ -324,7 +324,6 @@ const { wizardData, selectDownloader, validationErrors } = useSetupWizard()
}
.cursor-pointer:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
transform: translateY(-2px);
}

1
src/views/setup/MediaServerSettingsStep.vue
View File

@@ -716,7 +716,6 @@ watch(
}
.cursor-pointer:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
transform: translateY(-2px);
}

1
src/views/setup/NotificationSettingsStep.vue
View File

@@ -766,7 +766,6 @@ const notificationTypes = [
}
.cursor-pointer:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 15%);
transform: translateY(-2px);
}

1
src/views/setup/PreferencesSettingsStep.vue
View File

@@ -222,7 +222,6 @@ onMounted(() => {
}
.preset-card:hover {
box-shadow: 0 8px 25px rgba(0, 0, 0, 15%);
transform: translateY(-4px);
}

18
src/views/system/LoggingView.vue
View File

@@ -651,10 +651,8 @@ onUnmounted(() => {
--logging-shell-bg: rgba(var(--v-theme-surface), 0.96);
--logging-record-bg-even: rgba(var(--v-theme-surface-variant), 0.01);
--logging-record-bg-odd: rgba(var(--v-theme-surface-variant), 0.005);
--logging-border: rgba(var(--v-theme-on-surface), 0.08);
--logging-text: rgba(var(--v-theme-on-surface), 0.88);
--logging-muted: rgba(var(--v-theme-on-surface), 0.56);
--logging-shadow: 0 10px 32px rgba(15, 23, 42, 6%);
display: flex;
flex-direction: column;
@@ -666,16 +664,12 @@ onUnmounted(() => {
--logging-shell-bg: rgba(var(--v-theme-surface), 0.72);
--logging-record-bg-even: rgba(var(--v-theme-on-surface), 0.02);
--logging-record-bg-odd: rgba(var(--v-theme-on-surface), 0.008);
--logging-border: rgba(var(--v-theme-on-surface), 0.12);
--logging-shadow: inset 0 1px 0 rgba(255, 255, 255, 4%);
}
.logging-view.is-transparent-theme {
--logging-shell-bg: transparent;
--logging-record-bg-even: transparent;
--logging-record-bg-odd: transparent;
--logging-border: rgba(var(--v-theme-on-surface), 0.1);
--logging-shadow: none;
}
.logging-toolbar {
@@ -699,7 +693,7 @@ onUnmounted(() => {
}
.logging-search :deep(.v-field) {
border-radius: 0;
border-radius: var(--app-field-radius);
background: transparent !important;
box-shadow: none !important;
}
@@ -719,7 +713,7 @@ onUnmounted(() => {
}
.logging-level-select :deep(.v-field) {
border-radius: 0;
border-radius: var(--app-field-radius);
background: transparent !important;
box-shadow: none !important;
}
@@ -738,9 +732,7 @@ onUnmounted(() => {
overflow: auto;
flex: 1 1 auto;
padding: 0.875rem;
border: 1px solid var(--logging-border);
background: linear-gradient(180deg, var(--logging-shell-bg), rgba(var(--v-theme-surface), 0.9));
box-shadow: var(--logging-shadow);
}
.logging-view.is-transparent-theme .logging-shell {
@@ -816,8 +808,6 @@ onUnmounted(() => {
.logging-record-panel {
display: flex;
align-items: stretch;
border: 1px solid rgba(var(--v-theme-on-surface), 0.04);
border-radius: var(--app-surface-radius);
gap: 0.75rem;
min-inline-size: 0;
padding-block: 0.5rem;
@@ -832,10 +822,6 @@ onUnmounted(() => {
background: var(--logging-record-bg-odd);
}
.logging-view.is-dark-theme .logging-record-panel {
border-color: rgba(var(--v-theme-on-surface), 0.08);
}
.logging-record-accent {
flex: 0 0 auto;
align-self: flex-start;

7
src/views/system/ModuleTestView.vue
View File

@@ -131,7 +131,7 @@ onMounted(getModules)
<div class="system-health-check">
<!-- 动态进度框 - 固定在顶部 -->
<div class="progress-container">
<div class="progress-card" :class="{ 'dark-theme': theme.global.current.value.dark }">
<div class="progress-card app-surface" :class="{ 'dark-theme': theme.global.current.value.dark }">
<div class="progress-header">
<VIcon
:icon="isChecking ? 'mdi-cog-sync' : checkComplete ? 'mdi-check-circle' : 'mdi-cog'"
@@ -184,7 +184,7 @@ onMounted(getModules)
<Transition v-for="(module, index) in modules" :key="module.id" name="module-item" appear>
<div
v-show="module.visible"
class="module-item"
class="module-item app-surface"
:class="[module.state, { 'dark-theme': theme.global.current.value.dark }]"
>
<div class="module-header">
@@ -244,7 +244,6 @@ onMounted(getModules)
.progress-card {
padding: 20px;
border-radius: var(--app-surface-radius);
margin: 16px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
@@ -333,8 +332,6 @@ onMounted(getModules)
.module-item {
padding: 12px;
border: 1px solid var(--v-border-color);
border-radius: 8px;
background: var(--v-surface);
transition: all 0.3s ease;
}