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
@@ -276,7 +276,7 @@ const tabs = [
gap: 8px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
margin-bottom: 20px;
}
@@ -284,7 +284,7 @@ const tabs = [
width: 100%;
max-width: 400px;
padding: 16px;
border-radius: 8px;
border-radius: 6px;
text-align: center;
border-left: 4px solid;
}
@@ -329,7 +329,7 @@ const tabs = [
.arch-characteristics {
padding: 16px;
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
}
.arch-characteristics h5 {
@@ -357,7 +357,7 @@ const tabs = [
gap: 16px;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
margin-bottom: 20px;
}
@@ -369,7 +369,7 @@ const tabs = [
.clean-layer {
padding: 12px 16px;
border-radius: 8px;
border-radius: 6px;
border-left: 4px solid;
}
@@ -407,7 +407,7 @@ const tabs = [
.dependency-rule {
background: white;
border-radius: 8px;
border-radius: 6px;
padding: 16px;
text-align: center;
border: 2px dashed #1890ff;
@@ -485,7 +485,7 @@ const tabs = [
.rec-card {
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
padding: 16px;
position: relative;
}
@@ -250,7 +250,7 @@ const toggleDetails = (section) => {
margin-top: 12px;
padding: 16px;
background: #f0f7ff;
border-radius: 8px;
border-radius: 6px;
border-left: 4px solid #409eff;
}
@@ -297,7 +297,7 @@ const toggleDetails = (section) => {
text-align: center;
padding: 16px 12px;
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
transition: all 0.3s ease;
}
@@ -180,7 +180,7 @@
.layer-box {
padding: 16px 20px;
background: #f5f7fa;
border-radius: 8px;
border-radius: 6px;
font-weight: 500;
color: #303133;
text-align: center;
@@ -202,7 +202,7 @@ const viewMode = ref('conversion')
.flow-step {
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
border-left: 4px solid #409eff;
}
@@ -286,7 +286,7 @@ const viewMode = ref('conversion')
.table-header {
background: #f5f7fa;
border-radius: 8px;
border-radius: 6px;
font-weight: 600;
color: #303133;
font-size: 13px;
@@ -334,7 +334,7 @@ const layerInfo = computed(() => {
margin-top: 16px;
background: #f6ffed;
border: 1px solid #b7eb8f;
border-radius: 8px;
border-radius: 6px;
color: #389e0d;
font-size: 13px;
}
@@ -596,7 +596,7 @@ const principles = [
margin-bottom: 20px;
padding: 16px;
background: white;
border-radius: 8px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
@@ -670,7 +670,7 @@ const principles = [
.flow-step {
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
@@ -813,7 +813,7 @@ const principles = [
padding: 10px 20px;
border: 2px solid #dcdfe6;
background: white;
border-radius: 8px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
@@ -880,7 +880,7 @@ const principles = [
.code-block {
background: #2d2d2d;
border-radius: 8px;
border-radius: 6px;
padding: 16px;
margin: 0;
overflow-x: auto;
@@ -897,7 +897,7 @@ const principles = [
margin-top: 20px;
padding: 16px;
background: white;
border-radius: 8px;
border-radius: 6px;
}
.problems-list h5 {
@@ -952,7 +952,7 @@ const principles = [
.table-header {
background: #f5f7fa;
border-radius: 8px;
border-radius: 6px;
font-weight: 600;
color: #303133;
font-size: 13px;
@@ -1029,7 +1029,7 @@ const principles = [
.table-row {
padding: 16px;
border: 1px solid #ebeef5;
border-radius: 8px;
border-radius: 6px;
margin-bottom: 12px;
}
}
@@ -422,7 +422,7 @@ const principles = [
margin-bottom: 20px;
padding: 16px;
background: white;
border-radius: 8px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
@@ -496,7 +496,7 @@ const principles = [
.flow-step {
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
overflow: hidden;
cursor: pointer;
transition: all 0.3s ease;
@@ -644,7 +644,7 @@ const principles = [
.principle-card {
padding: 14px;
background: #f8f9fa;
border-radius: 8px;
border-radius: 6px;
border-left: 3px solid #e6a23c;
}