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
@@ -230,12 +230,12 @@ const getCurrentLang = () => {
<style scoped>
.backend-languages-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -286,10 +286,10 @@ const getCurrentLang = () => {
}
.language-card {
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border: 2px solid transparent;
border-radius: 8px;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s ease;
text-align: center;
@@ -338,8 +338,8 @@ const getCurrentLang = () => {
.lang-detail {
background: var(--vp-c-bg);
border-radius: 8px;
padding: 1rem;
border-radius: 6px;
padding: 0.75rem;
margin-top: 0.75rem;
border: 1px solid var(--vp-c-divider);
}
@@ -149,12 +149,12 @@ const getModelInfo = () => {
<style scoped>
.concurrency-model-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -93,12 +93,12 @@ const maxTime = computed(() => {
<style scoped>
.developer-efficiency-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -174,12 +174,12 @@ const getBarClass = (score) => {
<style scoped>
.language-comparison-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -89,12 +89,12 @@ const ecosystems = [
<style scoped>
.language-ecosystem-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -165,12 +165,12 @@ const reset = () => {
<style scoped>
.language-selector-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -282,8 +282,8 @@ const reset = () => {
.recommendation-panel {
background: var(--vp-c-bg);
padding: 1rem;
border-radius: 8px;
padding: 0.75rem;
border-radius: 6px;
margin-bottom: 1rem;
border: 2px solid var(--vp-c-brand);
}
@@ -64,12 +64,12 @@ const models = [
<style scoped>
.memory-management-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -118,7 +118,7 @@ const models = [
.model-card {
background: var(--vp-c-bg);
padding: 1rem;
padding: 0.75rem;
border-radius: 6px;
text-align: center;
border: 1px solid var(--vp-c-divider);
@@ -157,12 +157,12 @@ runBenchmark()
<style scoped>
.performance-benchmark-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -122,12 +122,12 @@ const getLineCount = (lang) => {
<style scoped>
.syntax-comparison-demo {
border: 1px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: var(--vp-c-bg-soft);
padding: 1rem;
margin: 1rem 0;
max-height: 600px;
overflow-y: auto;
padding: 0.75rem;
margin: 0.5rem 0;
}
.demo-header {
@@ -256,7 +256,7 @@ const getLineCount = (lang) => {
.code-content {
margin: 0;
padding: 1rem;
padding: 0.75rem;
background: #1e1e1e;
color: #d4d4d4;
font-family: 'Monaco', 'Menlo', monospace;