delorex/test-repo
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update border-radius and padding values across components

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files
docs/.vitepress/theme/components/appendix/tracking-design/DataModelDesignDemo.vue
+7 -7
View File
@@ -419,7 +419,7 @@ const selectModel = (modelId) => {
padding: 0.75rem 2rem;
background: var(--vp-c-bg);
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
@@ -488,7 +488,7 @@ const selectModel = (modelId) => {
}
.rule-item {
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
}
@@ -526,7 +526,7 @@ const selectModel = (modelId) => {
text-align: center;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
font-size: 0.9rem;
font-weight: 600;
}
@@ -580,7 +580,7 @@ const selectModel = (modelId) => {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
}
@@ -693,7 +693,7 @@ const selectModel = (modelId) => {
.mapping-step {
flex: 1;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
text-align: center;
@@ -735,7 +735,7 @@ const selectModel = (modelId) => {
.dimension-group {
background: var(--vp-c-bg-soft);
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
}
@@ -858,7 +858,7 @@ const selectModel = (modelId) => {
.use-case-item {
display: flex;
gap: 1rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
}
docs/.vitepress/theme/components/appendix/tracking-design/DataPipelineDemo.vue
+3 -3
View File
@@ -459,7 +459,7 @@ onUnmounted(() => {
background: var(--vp-c-brand);
color: white;
border: none;
border-radius: 8px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
@@ -505,7 +505,7 @@ onUnmounted(() => {
.flow-card {
background: var(--vp-c-bg-soft);
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
display: flex;
align-items: center;
@@ -550,7 +550,7 @@ onUnmounted(() => {
.practice-card {
background: white;
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
display: flex;
flex-direction: column;
docs/.vitepress/theme/components/appendix/tracking-design/PrivacyComplianceDemo.vue
+7 -7
View File
@@ -482,7 +482,7 @@ const toggleCheck = (index) => {
.step-code {
background: #1e1e1e;
border-radius: 8px;
border-radius: 6px;
padding: 0.75rem;
overflow-x: auto;
}
@@ -550,7 +550,7 @@ const toggleCheck = (index) => {
justify-content: space-between;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
margin-bottom: 0.75rem;
}
@@ -637,7 +637,7 @@ input:checked + .toggle-slider:before {
flex: 1;
padding: 0.75rem;
border: none;
border-radius: 8px;
border-radius: 6px;
font-size: 0.95rem;
font-weight: 600;
cursor: pointer;
@@ -691,7 +691,7 @@ input:checked + .toggle-slider:before {
gap: 0.75rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
}
.item-icon {
@@ -707,7 +707,7 @@ input:checked + .toggle-slider:before {
.action-btn {
padding: 0.75rem;
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
background: white;
font-size: 0.9rem;
font-weight: 600;
@@ -754,7 +754,7 @@ input:checked + .toggle-slider:before {
display: flex;
align-items: flex-start;
gap: 0.75rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
}
@@ -801,7 +801,7 @@ input:checked + .toggle-slider:before {
gap: 0.5rem;
padding: 0.75rem;
background: white;
border-radius: 8px;
border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
}
docs/.vitepress/theme/components/appendix/tracking-design/RealWorldCaseDemo.vue
+8 -8
View File
@@ -380,7 +380,7 @@ const formatNumber = (num) => {
padding: 0.75rem 2rem;
background: var(--vp-c-bg);
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
@@ -456,7 +456,7 @@ const formatNumber = (num) => {
background: linear-gradient(90deg, var(--vp-c-brand), #3b82f6);
color: white;
padding: 0.75rem 1rem;
border-radius: 8px;
border-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center;
@@ -473,7 +473,7 @@ const formatNumber = (num) => {
.ab-metrics {
background: var(--vp-c-bg-soft);
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
margin-bottom: 1rem;
}
@@ -514,9 +514,9 @@ const formatNumber = (num) => {
.ab-conclusion {
text-align: center;
padding: 1rem;
padding: 0.75rem;
background: #dcfce7;
border-radius: 8px;
border-radius: 6px;
font-weight: 600;
}
@@ -533,7 +533,7 @@ const formatNumber = (num) => {
}
.segment-card {
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
text-align: center;
}
@@ -581,7 +581,7 @@ const formatNumber = (num) => {
align-items: flex-end;
height: 200px;
background: var(--vp-c-bg-soft);
padding: 1rem;
padding: 0.75rem;
border-radius: 10px;
}
@@ -632,7 +632,7 @@ const formatNumber = (num) => {
.event-item {
display: flex;
gap: 1rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
}
docs/.vitepress/theme/components/appendix/tracking-design/ToolSelectionDemo.vue
+3 -3
View File
@@ -314,7 +314,7 @@ const getRecommendation = () => {
background: var(--vp-c-brand);
color: white;
border: none;
border-radius: 8px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
@@ -373,9 +373,9 @@ const getRecommendation = () => {
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-bottom: 1rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
}
.detail-item {
docs/.vitepress/theme/components/appendix/tracking-design/TrackingMethodsComparisonDemo.vue
+2 -2
View File
@@ -402,7 +402,7 @@ const selectMethod = (methodId) => {
.method-code {
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
padding: 0.75rem;
margin-top: 1rem;
}
@@ -517,7 +517,7 @@ const selectMethod = (methodId) => {
.recommendation-item {
background: white;
border-radius: 10px;
padding: 1rem;
padding: 0.75rem;
border: 1px solid #f59e0b;
}
docs/.vitepress/theme/components/appendix/tracking-design/TrackingOverviewDemo.vue
+1 -1
View File
@@ -444,7 +444,7 @@ const formatNumber = (num) => {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
}
docs/.vitepress/theme/components/appendix/tracking-design/TrackingTypesDemo.vue
+4 -4
View File
@@ -327,7 +327,7 @@ const selectType = (typeId) => {
padding: 0.75rem 2rem;
background: var(--vp-c-bg);
border: 2px solid var(--vp-c-divider);
border-radius: 8px;
border-radius: 6px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
@@ -431,7 +431,7 @@ const selectType = (typeId) => {
gap: 0.75rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 8px;
border-radius: 6px;
}
.use-case-icon {
@@ -474,7 +474,7 @@ const selectType = (typeId) => {
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding: 1rem;
padding: 0.75rem;
background: var(--vp-c-bg-soft);
border-radius: 10px;
border: 2px solid var(--vp-c-divider);
@@ -507,7 +507,7 @@ const selectType = (typeId) => {
.layer-box {
background: white;
border: 2px solid var(--vp-c-brand);
border-radius: 8px;
border-radius: 6px;
padding: 0.75rem;
text-align: center;
font-size: 0.85rem;