style(ui): align semantic surfaces and upload layout

2026-07-29 23:03:31 +08:00
parent 358fa2c7d3
commit 2da2cef338
21 changed files with 116 additions and 67 deletions
@@ -176,7 +176,7 @@ onMounted(async () => {

    <div
      v-if="lockHint"
-      class="fixed bottom-6 left-1/2 z-50 -translate-x-1/2 border border-slate-900 bg-slate-900 px-4 py-2 text-sm text-white shadow-lg"
+      class="encyclopedia-lock-hint fixed bottom-6 left-1/2 z-50 -translate-x-1/2 border border-slate-900 bg-slate-900 px-4 py-2 text-sm text-white"
    >
      {{ lockHint }}
    </div>
@@ -184,6 +184,10 @@ onMounted(async () => {
 </template>

 <style scoped>
+.encyclopedia-lock-hint {
+  box-shadow: var(--oc-shadow-lg);
+}
+
 .encyclopedia-type-card:hover {
  border-color: rgb(125 211 252);
  box-shadow: var(--oc-shadow-lg) !important;