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
@@ -300,7 +300,7 @@ const currentTool = computed(() =>
gap: 8px;
padding: 12px 16px;
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg);
cursor: pointer;
transition: all 0.2s ease;
@@ -330,7 +330,7 @@ const currentTool = computed(() =>
.tool-detail {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
}
@@ -188,7 +188,7 @@ const errorCodeItems = [
flex: 1;
padding: 12px;
border: 2px solid;
border-radius: 8px;
border-radius: 6px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
@@ -227,7 +227,7 @@ const errorCodeItems = [
.comparison {
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
}
@@ -268,7 +268,7 @@ const currentMethod = computed(() =>
.method-detail {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 20px;
}
@@ -306,7 +306,7 @@ const currentMethod = computed(() =>
align-items: center;
padding: 12px;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
border: 1px solid var(--vp-c-divider);
opacity: 0.6;
transition: all 0.2s ease;
@@ -361,7 +361,7 @@ const currentMethod = computed(() =>
.example-item {
background: var(--vp-c-bg-soft);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 12px;
margin-bottom: 12px;
}
@@ -48,7 +48,7 @@
<style scoped>
.demo-container {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 20px;
background: var(--vp-c-bg-soft);
}
@@ -82,7 +82,7 @@
.section {
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
padding: 16px;
border-left: 4px solid var(--vp-c-brand);
}
@@ -39,7 +39,7 @@
<style scoped>
.demo-container {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 20px;
background: var(--vp-c-bg-soft);
}
@@ -77,7 +77,7 @@
gap: 12px;
padding: 12px;
background: var(--vp-c-bg);
border-radius: 8px;
border-radius: 6px;
}
.icon {
@@ -237,7 +237,7 @@ function getStatusClass(status) {
.response-detail {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
}
@@ -194,9 +194,9 @@ const activePrinciple = computed(() =>
.restful-design-demo {
border: 1px solid var(--vp-c-divider);
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
padding: 1.5rem;
margin: 1rem 0;
margin: 0.5rem 0;
}
.header {
@@ -225,8 +225,8 @@ const activePrinciple = computed(() =>
.principle-card {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
padding: 1rem;
border-radius: 6px;
padding: 0.75rem;
cursor: pointer;
transition: all 0.2s;
text-align: center;
@@ -260,7 +260,7 @@ const activePrinciple = computed(() =>
.detail-panel {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 1.25rem;
}
@@ -417,7 +417,7 @@ function toggleExpand(number) {
align-items: center;
padding: 12px 20px;
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg);
cursor: pointer;
transition: all 0.2s ease;
@@ -465,7 +465,7 @@ function toggleExpand(number) {
.status-card {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
cursor: pointer;
transition: all 0.2s ease;
@@ -239,7 +239,7 @@ const currentStrategy = computed(() =>
.strategy-card {
background: var(--vp-c-bg);
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
padding: 16px;
cursor: pointer;
transition: all 0.2s ease;
@@ -290,7 +290,7 @@ const currentStrategy = computed(() =>
.strategy-detail {
background: var(--vp-c-bg);
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
}