JoeKung/print-calculator
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(back-end): fix hex color
Some checks failed
Build and Deploy / test-backend (push) Successful in 26s
Details
Build and Deploy / test-frontend (push) Successful in 1m0s
Details
Build and Deploy / build-and-push (push) Successful in 23s
Details
Build and Deploy / deploy (push) Successful in 8s
Details
PR Checks / prettier-autofix (pull_request) Failing after 11s
Details
PR Checks / security-sast (pull_request) Failing after 29s
Details
PR Checks / test-backend (pull_request) Successful in 27s
Details
PR Checks / test-frontend (pull_request) Successful in 1m3s
Details

Browse Source
This commit is contained in:
Joe Küng
2026-03-11 10:29:29 +01:00
parent 30ada043ef
commit 1ff8883d25
1 changed files with 40 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
frontend/src/app/features/shop/product-detail.component.scss
View File

@@ -33,6 +33,7 @@
display: grid; display: grid;
gap: var(--space-8); gap: var(--space-8);
grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr); grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
align-items: start;
} }
.visual-column, .visual-column,
@@ -41,6 +42,10 @@
gap: var(--space-5); gap: var(--space-5);
} }
.visual-column {
align-content: start;
}
.info-column { .info-column {
gap: var(--space-3); gap: var(--space-3);
align-content: start; align-content: start;
@@ -133,21 +138,24 @@
.model-launch-row { .model-launch-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
gap: var(--space-4); gap: 0.8rem;
align-items: center; align-items: center;
padding: 0.9rem 1rem; width: min(100%, 440px);
justify-self: start;
padding: 0.72rem 0.82rem;
border: 1px solid rgba(16, 24, 32, 0.12); border: 1px solid rgba(16, 24, 32, 0.12);
border-radius: 1rem; border-radius: 1rem;
background: #fff; background: #fff;
} }
.model-open-btn { .model-open-btn {
height: 2.35rem; height: 2.1rem;
padding: 0 0.95rem; padding: 0 0.82rem;
border-radius: 0.65rem; border-radius: 0.65rem;
border: 1px solid rgba(16, 24, 32, 0.18); border: 1px solid rgba(16, 24, 32, 0.18);
background: #fff; background: #fff;
color: var(--color-text); color: var(--color-text);
font-size: 0.86rem;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
} }
@@ -176,8 +184,9 @@
.dimensions-inline { .dimensions-inline {
display: flex; display: flex;
gap: 0.8rem; gap: 0.58rem;
text-align: left; text-align: left;
font-size: 0.78rem;
} }
.title-block { .title-block {
@@ -471,6 +480,32 @@ h1 {
min-height: 300px; min-height: 300px;
} }
.thumb-strip {
gap: 0.5rem;
}
.thumb {
flex-basis: 78px;
height: 78px;
}
.model-launch-row {
width: min(100%, 350px);
gap: 0.6rem;
padding: 0.58rem 0.65rem;
}
.model-open-btn {
height: 1.95rem;
padding: 0 0.7rem;
font-size: 0.8rem;
}
.dimensions-inline {
gap: 0.42rem;
font-size: 0.74rem;
}
.property-grid { .property-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }