qdintc/intc-workbenches
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:样式优化完善。

Browse Source
This commit is contained in:
tianyongbao
2025-12-13 21:50:48 +08:00
parent d15cc41bcb
commit 6101b95082
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/HomePage.vue
View File

@@ -331,7 +331,7 @@ export default {
// 尺寸变量 // 尺寸变量
@header-height: 76px; @header-height: 76px;
@card-width: 250px; @card-width: 245px;
@icon-size: 60px; @icon-size: 60px;
@border-radius-lg: 12px; @border-radius-lg: 12px;
@border-radius-md: 10px; @border-radius-md: 10px;
@@ -540,18 +540,19 @@ export default {
.tools-container { .tools-container {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
gap: 30px; flex-wrap: wrap;
gap: 20px;
align-items: flex-start; align-items: flex-start;
overflow: visible; overflow: visible;
} }
.tool-category { .tool-category {
flex: 0 1 auto; flex: 0 0 auto;
overflow: visible; overflow: visible;
width: 100%;
position: relative; position: relative;
z-index: 1; z-index: 1;
max-width: 100%;
.category-title { .category-title {
font-size: 22px; font-size: 22px;
@@ -571,6 +572,8 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
gap: @spacing-sm; gap: @spacing-sm;
overflow: visible; overflow: visible;
align-items: flex-start;
max-width: 100%;
} }
} }
@@ -597,7 +600,7 @@ export default {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 12px 24px; padding: 8px 10px;
background: rgba(255, 255, 255, 0.98); background: rgba(255, 255, 255, 0.98);
border-radius: 10px; border-radius: 10px;
cursor: pointer; cursor: pointer;
@@ -607,6 +610,7 @@ export default {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
position: relative; position: relative;
z-index: 1; z-index: 1;
flex: 0 0 auto;
.simple-tool-name { .simple-tool-name {
font-size: 15px; font-size: 15px;
@@ -1029,7 +1033,7 @@ export default {
} }
.tool-card { .tool-card {
padding: 14px; padding: 4px;
width: 100%; width: 100%;
} }