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

style(NotificationTemplateEditorDialog): adjust overflow property and update min-block-size for template editor

Browse Source 
style(SearchBarDialog): change search icon and adjust dropdown width
style(common.scss): refine hover effects and update shadow settings for card components
style(AccountSettingNotification): improve layout and spacing for notification settings
This commit is contained in:
jxxghp
2026-06-29 18:02:38 +08:00
parent f05eac0b93
commit a3810fb9e2
4 changed files with 150 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/dialog/NotificationTemplateEditorDialog.vue
View File

@@ -105,9 +105,9 @@ function submitTemplate() {
<style scoped>
.notification-template-editor-dialog {
display: flex;
overflow: hidden;
flex-direction: column;
max-block-size: calc(100dvh - 2rem);
overflow: hidden;
}
.template-editor-header {
@@ -147,8 +147,8 @@ function submitTemplate() {
.template-ace-editor {
flex: 1 1 auto;
min-block-size: 0;
block-size: auto;
min-block-size: 0;
}
.template-editor-actions {

7
src/components/dialog/SearchBarDialog.vue
View File

@@ -466,7 +466,7 @@ onMounted(() => {
<!-- 弹窗模式保留原有搜索输入区。 -->
<div v-if="!display.mdAndUp.value" class="search-header">
<div class="search-input-wrapper">
<VIcon icon="mdi-magnify" size="22" class="search-input-icon" />
<VIcon icon="mdi-text" size="22" class="search-input-icon" />
<input
ref="searchWordInput"
v-model="searchWord"
@@ -795,7 +795,7 @@ onMounted(() => {
.search-dialog--dropdown {
border: 1px solid rgba(var(--v-theme-on-surface), 0.08);
inline-size: min(40rem, calc(100vw - 2rem));
inline-size: min(32rem, calc(100vw - 2rem));
max-block-size: min(72vh, 42rem);
}
@@ -809,7 +809,6 @@ onMounted(() => {
border-color: rgba(var(--v-theme-on-surface), 0.12);
background: rgba(var(--v-theme-surface), 0.72);
block-size: 42px;
box-shadow: var(--app-surface-shadow);
padding-inline: 14px 8px;
}
@@ -849,7 +848,6 @@ html[data-theme='transparent'] .search-desktop-activator .search-input-wrapper,
.search-input-wrapper:focus-within {
border-color: rgb(var(--v-theme-primary));
box-shadow: var(--app-surface-shadow);
}
.search-input-icon {
@@ -948,6 +946,7 @@ html[data-theme='transparent'] .search-desktop-activator .search-input-wrapper,
.recent-searches-section {
inline-size: 100%;
padding-block-start: 1rem;
}
.empty-hint {