diff --git a/apps/web-antd/src/views/product/batch/components/BatchToolCards.vue b/apps/web-antd/src/views/product/batch/components/BatchToolCards.vue index 945a4b5..f514a6b 100644 --- a/apps/web-antd/src/views/product/batch/components/BatchToolCards.vue +++ b/apps/web-antd/src/views/product/batch/components/BatchToolCards.vue @@ -30,7 +30,12 @@ const emit = defineEmits();

{{ card.title }}

{{ card.description }}

- diff --git a/apps/web-antd/src/views/product/batch/styles/card.less b/apps/web-antd/src/views/product/batch/styles/card.less index 0ff3d62..49e37fd 100644 --- a/apps/web-antd/src/views/product/batch/styles/card.less +++ b/apps/web-antd/src/views/product/batch/styles/card.less @@ -2,50 +2,63 @@ .pbt-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 16px; + gap: 14px; } .pbt-card { display: flex; flex-direction: column; - gap: 10px; - padding: 18px; + gap: 12px; + min-height: 178px; + padding: 20px 22px 18px; background: #fff; - border-radius: 12px; - box-shadow: var(--pbt-shadow-sm); + border: 1px solid #e5eaf3; + border-radius: 14px; + box-shadow: 0 1px 2px rgb(17 24 39 / 3%); transition: var(--pbt-transition); } .pbt-card:hover, .pbt-card.active { - box-shadow: var(--pbt-shadow-md); - transform: translateY(-1px); + border-color: #c7dbff; + box-shadow: 0 8px 24px rgb(22 119 255 / 10%); + transform: translateY(-2px); } .pbt-card-icon { display: inline-flex; align-items: center; justify-content: center; - width: 40px; - height: 40px; - font-size: 20px; + width: 36px; + height: 36px; + font-size: 18px; border-radius: 10px; } .pbt-card-name { margin: 0; - font-size: 15px; - font-weight: 600; - color: #1a1a2e; + font-size: 24px; + font-weight: 700; + line-height: 1.25; + color: #111827; } .pbt-card-desc { margin: 0; - font-size: 13px; - line-height: 1.5; + min-height: 28px; + font-size: 15px; + line-height: 1.4; color: #6b7280; } + .pbt-card-action { + height: 36px; + margin-top: auto; + font-size: 15px; + font-weight: 600; + border-radius: 8px; + } + .pbt-card.is-orange .pbt-card-icon { color: #fa8c16; background: #fff7e6; diff --git a/apps/web-antd/src/views/product/batch/styles/layout.less b/apps/web-antd/src/views/product/batch/styles/layout.less index 0f189a2..a4f4dc1 100644 --- a/apps/web-antd/src/views/product/batch/styles/layout.less +++ b/apps/web-antd/src/views/product/batch/styles/layout.less @@ -3,16 +3,30 @@ display: flex; flex-direction: column; gap: 16px; - max-width: 1120px; + max-width: 1180px; } .pbt-toolbar-card { + border-radius: 12px; box-shadow: var(--pbt-shadow-sm); } + .pbt-toolbar-card .store-scope-toolbar { + gap: 14px; + } + + .pbt-toolbar-card .store-scope-selector { + width: 300px; + } + + .pbt-toolbar-card .store-scope-spacer { + flex: 1; + } + .pbt-toolbar-tip { font-size: 13px; color: #9ca3af; + white-space: nowrap; } .pbt-empty-wrap { diff --git a/apps/web-antd/src/views/product/batch/styles/responsive.less b/apps/web-antd/src/views/product/batch/styles/responsive.less index 72b90c0..2355d61 100644 --- a/apps/web-antd/src/views/product/batch/styles/responsive.less +++ b/apps/web-antd/src/views/product/batch/styles/responsive.less @@ -8,8 +8,13 @@ grid-template-columns: 1fr; } + .pbt-toolbar-card .store-scope-selector { + width: 100%; + } + .pbt-toolbar-tip { width: 100%; + white-space: normal; } .pbt-actions {