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
@@ -294,7 +294,7 @@ const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
display: inline-flex;
background: var(--vp-c-bg-mute);
padding: 4px;
border-radius: 8px;
border-radius: 6px;
margin-bottom: 12px;
}
@@ -331,7 +331,7 @@ const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
width: 100%;
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 16px;
position: relative;
}
@@ -415,7 +415,7 @@ const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
.dense-block {
width: 80%;
background: var(--vp-c-bg-mute);
border-radius: 8px;
border-radius: 6px;
padding: 12px;
transition: all 0.2s;
}
@@ -468,7 +468,7 @@ const wait = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
.router-node {
background: var(--vp-c-bg-mute);
border: 2px dashed var(--vp-c-text-3);
border-radius: 8px;
border-radius: 6px;
padding: 8px;
text-align: center;
margin-bottom: 12px;