fix: 安装费小卡片统一使用金黄色强调 #628
@ -4,6 +4,9 @@
|
||||
}
|
||||
|
||||
.installation-fee-card {
|
||||
--installation-fee-accent: #856632;
|
||||
--installation-fee-accent-soft: #f7f0de;
|
||||
--installation-fee-accent-ring: rgba(133, 102, 50, 0.2);
|
||||
position: relative;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
@ -13,7 +16,8 @@
|
||||
box-sizing: border-box;
|
||||
padding: 0.7rem 1rem 0 1.15rem;
|
||||
border: 1px solid #d8d2c7;
|
||||
border-left: 3px solid #006395;
|
||||
border-right: 3px solid var(--installation-fee-accent);
|
||||
border-left: 3px solid var(--installation-fee-accent);
|
||||
border-radius: 0.75rem;
|
||||
background: #ffffff;
|
||||
color: #171717;
|
||||
@ -150,7 +154,7 @@
|
||||
border: 0;
|
||||
border-radius: 0.3rem;
|
||||
background: transparent;
|
||||
color: #006395;
|
||||
color: var(--installation-fee-accent);
|
||||
cursor: pointer;
|
||||
font: inherit;
|
||||
font-size: 0.75rem;
|
||||
@ -159,12 +163,12 @@
|
||||
}
|
||||
|
||||
.installation-fee-card__detail-button:hover {
|
||||
background: #eef6fa;
|
||||
background: var(--installation-fee-accent-soft);
|
||||
}
|
||||
|
||||
.installation-fee-card__detail-button:focus-visible {
|
||||
background: #eef6fa;
|
||||
box-shadow: 0 0 0 3px rgba(0, 99, 149, 0.16);
|
||||
background: var(--installation-fee-accent-soft);
|
||||
box-shadow: 0 0 0 3px var(--installation-fee-accent-ring);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
@ -288,7 +288,10 @@ class ManagementCrudTest extends FeatureTestCase
|
||||
->assertSee('data-installation-fee-trend', false)
|
||||
->assertSee('data-installation-fee-package', false)
|
||||
->assertSee('data-installation-fee-non-package', false)
|
||||
->assertSee('border-left: 3px solid #006395', false)
|
||||
->assertSee('--installation-fee-accent: #856632', false)
|
||||
->assertSee('border-left: 3px solid var(--installation-fee-accent)', false)
|
||||
->assertSee('border-right: 3px solid var(--installation-fee-accent)', false)
|
||||
->assertSee('color: var(--installation-fee-accent)', false)
|
||||
->assertSee('height: 8rem', false)
|
||||
->assertSee('font-size: 2.5rem', false)
|
||||
->assertSee('font-family: "JetBrains Mono", "Microsoft YaHei", "PingFang SC", monospace', false)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user