diff --git a/src/App.vue b/src/App.vue
index 25bcd2a..cb4ff81 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,7 +30,7 @@ async function handleLogout() {
@@ -70,33 +60,9 @@ const pageTitle = computed(() => (route.meta.title as string) || '')
color: var(--ac-header-text);
}
-.content-wrap {
+.content {
flex: 1;
- display: flex;
- flex-direction: column;
min-width: 0;
-}
-
-.topbar {
- position: sticky;
- top: 0;
- z-index: 1000;
- display: flex;
- align-items: center;
- padding: 0 20px;
- height: 52px;
- background: var(--ac-bg-card);
- border-bottom: 1px solid var(--ac-border);
-}
-
-.topbar-title {
- font-family: var(--song-font-serif);
- font-size: 16px;
- font-weight: 600;
- color: var(--ac-text);
-}
-
-.content {
padding: 20px;
}
diff --git a/src/views/admin/ArticleEditorView.vue b/src/views/admin/ArticleEditorView.vue
index 1ee0843..3b1151c 100644
--- a/src/views/admin/ArticleEditorView.vue
+++ b/src/views/admin/ArticleEditorView.vue
@@ -234,7 +234,7 @@ onMounted(() => {
.title-input {
width: 100%;
padding: 12px 16px;
- border: 1px solid var(--ac-border);
+ border: 1px solid var(--ac-border-strong);
border-radius: var(--song-radius-l);
font-family: 'Noto Serif SC', 'SimSun', 'STSong', serif;
font-size: 22px;
@@ -263,7 +263,7 @@ onMounted(() => {
.side-section {
background: var(--ac-bg-card);
- border: 1px solid var(--ac-border);
+ border: 1px solid var(--ac-border-strong);
border-radius: var(--song-radius-l);
padding: 16px;
}
@@ -299,7 +299,7 @@ onMounted(() => {
.summary-input {
width: 100%;
padding: 8px 12px;
- border: 1px solid var(--ac-input-border);
+ border: 1px solid var(--ac-border-strong);
border-radius: var(--song-radius-l);
font-size: 13px;
line-height: 1.5;
@@ -323,7 +323,7 @@ onMounted(() => {
max-height: 120px;
object-fit: cover;
border-radius: var(--song-radius-m);
- border: 1px solid var(--ac-border);
+ border: 1px solid var(--ac-border-strong);
margin-bottom: 6px;
}
@@ -344,15 +344,17 @@ onMounted(() => {
display: inline-block;
padding: 8px 14px;
background: var(--ac-primary-bg);
+ border: 1px solid var(--ac-border-strong);
color: var(--ac-primary-ink);
border-radius: var(--song-radius-m);
cursor: pointer;
font-size: 13px;
- transition: background var(--song-dur-1) var(--song-ease);
+ transition: background var(--song-dur-1) var(--song-ease), border-color var(--song-dur-1) var(--song-ease);
}
.upload-btn:hover {
background: var(--ac-active);
+ border-color: var(--ac-primary-ink);
}
.upload-input {
@@ -371,22 +373,24 @@ onMounted(() => {
gap: 6px;
font-size: 13px;
cursor: pointer;
+ color: var(--ac-text);
}
.btn-cancel {
display: block;
text-align: center;
padding: 8px;
- border: 1px solid var(--ac-input-border);
+ border: 1px solid var(--ac-danger-bg);
border-radius: var(--song-radius-l);
- color: var(--ac-text-secondary);
+ color: var(--ac-danger-ink);
+ background: var(--ac-danger-bg);
text-decoration: none;
font-size: 13px;
- transition: border-color var(--song-dur-1) var(--song-ease), color var(--song-dur-1) var(--song-ease);
+ transition: background var(--song-dur-1) var(--song-ease), color var(--song-dur-1) var(--song-ease), border-color var(--song-dur-1) var(--song-ease);
}
.btn-cancel:hover {
- border-color: var(--ac-primary);
- color: var(--ac-primary-ink);
+ border-color: var(--ac-danger-ink);
+ color: var(--ac-danger-ink);
}
\ No newline at end of file