style: update border-radius and padding values across components

- standardize border-radius from 8px to 6px for consistent styling
- adjust padding values from 1rem to 0.75rem for better visual hierarchy
- remove redundant overflow-y properties for cleaner code
This commit is contained in:
sanbuphy
2026-02-14 20:23:34 +08:00
parent 81e4284b87
commit d35211071a
373 changed files with 3441 additions and 5629 deletions
@@ -190,8 +190,8 @@ const isComplete = computed(() => currentStep.value === 4)
.layer-block {
background: var(--vp-c-bg);
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
padding: 1rem;
border-radius: 6px;
padding: 0.75rem;
opacity: 0;
transform: translateY(20px) scale(0.95);
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
@@ -271,12 +271,12 @@ const isComplete = computed(() => currentStep.value === 4)
color: var(--vp-c-text-3);
padding: 2rem;
border: 2px dashed var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
}
/* Controls */
.control-area {
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg);
border-top: 1px solid var(--vp-c-divider);
display: flex;
@@ -310,7 +310,7 @@ const isComplete = computed(() => currentStep.value === 4)
/* Explanation */
.explanation-box {
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-alt);
border-top: 1px solid var(--vp-c-divider);
}