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
@@ -164,10 +164,10 @@ const hmrTools = [
<style scoped>
.hot-reload-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background-color: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
padding: 0.75rem;
margin: 0.5rem 0;
font-family: var(--vp-font-family-mono);
}
@@ -185,7 +185,7 @@ const hmrTools = [
.comparison {
display: flex;
gap: 1rem;
margin: 1rem 0;
margin: 0.5rem 0;
align-items: stretch;
}
@@ -198,7 +198,7 @@ const hmrTools = [
.method-card {
flex: 1;
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
border: 2px solid var(--vp-c-divider);
overflow: hidden;
}
@@ -290,7 +290,7 @@ const hmrTools = [
.flow-diagram {
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
border: 1px solid var(--vp-c-divider);
padding: 0.75rem;
margin-bottom: 1rem;
@@ -345,7 +345,7 @@ const hmrTools = [
.support-table {
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
border: 1px solid var(--vp-c-divider);
padding: 0.75rem;
overflow-x: auto;