projects/c0de.it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dssadf
All checks were successful
Deploy / deploy (push) Successful in 17s
Details

Browse Source
This commit is contained in:
Lars Gebhardt-Kusche
2026-05-17 01:12:27 +02:00
parent 16c19cd6ff
commit 8461507cfb
2 changed files with 14 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
public/assets/app.css
View File

@@ -362,22 +362,6 @@ button, input, select {
bottom: 3.6%; bottom: 3.6%;
} }
.rack-shell__frame--left,
.rack-shell__frame--right {
top: 4.7%;
bottom: 4.7%;
width: 3.2%;
border-radius: 18px;
}
.rack-shell__frame--left {
left: 0.6%;
}
.rack-shell__frame--right {
right: 0.6%;
}
.rack-shell__screw { .rack-shell__screw {
position: absolute; position: absolute;
width: 3.6%; width: 3.6%;
@@ -413,17 +397,17 @@ button, input, select {
height: 58%; height: 58%;
} }
.rack-shell__screw--tl { top: 4.2%; left: 5.8%; } .rack-shell__screw--tl { top: 4.2%; left: 5.2%; }
.rack-shell__screw--tr { top: 4.2%; right: 5.8%; } .rack-shell__screw--tr { top: 4.2%; right: 5.2%; }
.rack-shell__screw--bl { bottom: 4.2%; left: 5.8%; } .rack-shell__screw--bl { bottom: 4.2%; left: 5.2%; }
.rack-shell__screw--br { bottom: 4.2%; right: 5.8%; } .rack-shell__screw--br { bottom: 4.2%; right: 5.2%; }
.rack-core { .rack-core {
position: absolute; position: absolute;
inset: 8.7% 6.2% 8.3% 6.2%; inset: 8.7% 4.8% 8.3% 4.8%;
display: grid; display: grid;
grid-template-columns: 5.5% 1fr 5.5%; grid-template-columns: 4.6% 1fr 4.6%;
gap: 0.8%; gap: 0.65%;
z-index: 2; z-index: 2;
} }
@@ -434,7 +418,7 @@ button, input, select {
background: linear-gradient(180deg, color-mix(in srgb, var(--rack-rail) 90%, #14161a), color-mix(in srgb, var(--rack-rail) 65%, #08090b)); background: linear-gradient(180deg, color-mix(in srgb, var(--rack-rail) 90%, #14161a), color-mix(in srgb, var(--rack-rail) 65%, #08090b));
box-shadow: box-shadow:
inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.08),
inset 0 0 0 6px rgba(0, 0, 0, 0.18); inset 0 0 0 4px rgba(0, 0, 0, 0.18);
} }
.rack-rail--left { .rack-rail--left {
@@ -486,21 +470,20 @@ button, input, select {
.rack-rail__holes { .rack-rail__holes {
position: absolute; position: absolute;
top: 50%; top: 3%;
transform: translateY(-50%);
display: grid; display: grid;
grid-template-rows: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr);
gap: 0.22rem; gap: 6%;
width: 24%; width: 26%;
height: 74%; height: 94%;
} }
.rack-rail__holes--left { .rack-rail__holes--left {
right: 13%; right: 12%;
} }
.rack-rail__holes--right { .rack-rail__holes--right {
left: 13%; left: 12%;
} }
.rack-rail__holes span { .rack-rail__holes span {

2
public/assets/app.js
View File

@@ -198,8 +198,6 @@ function renderRack() {
<div class="rack-shell"> <div class="rack-shell">
<div class="rack-shell__frame rack-shell__frame--top"></div> <div class="rack-shell__frame rack-shell__frame--top"></div>
<div class="rack-shell__frame rack-shell__frame--bottom"></div> <div class="rack-shell__frame rack-shell__frame--bottom"></div>
<div class="rack-shell__frame rack-shell__frame--left"></div>
<div class="rack-shell__frame rack-shell__frame--right"></div>
<div class="rack-shell__screw rack-shell__screw--tl"></div> <div class="rack-shell__screw rack-shell__screw--tl"></div>
<div class="rack-shell__screw rack-shell__screw--tr"></div> <div class="rack-shell__screw rack-shell__screw--tr"></div>
<div class="rack-shell__screw rack-shell__screw--bl"></div> <div class="rack-shell__screw rack-shell__screw--bl"></div>