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%;
}
.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 {
position: absolute;
width: 3.6%;
@@ -413,17 +397,17 @@ button, input, select {
height: 58%;
}
.rack-shell__screw--tl { top: 4.2%; left: 5.8%; }
.rack-shell__screw--tr { top: 4.2%; right: 5.8%; }
.rack-shell__screw--bl { bottom: 4.2%; left: 5.8%; }
.rack-shell__screw--br { bottom: 4.2%; right: 5.8%; }
.rack-shell__screw--tl { top: 4.2%; left: 5.2%; }
.rack-shell__screw--tr { top: 4.2%; right: 5.2%; }
.rack-shell__screw--bl { bottom: 4.2%; left: 5.2%; }
.rack-shell__screw--br { bottom: 4.2%; right: 5.2%; }
.rack-core {
position: absolute;
inset: 8.7% 6.2% 8.3% 6.2%;
inset: 8.7% 4.8% 8.3% 4.8%;
display: grid;
grid-template-columns: 5.5% 1fr 5.5%;
gap: 0.8%;
grid-template-columns: 4.6% 1fr 4.6%;
gap: 0.65%;
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));
box-shadow:
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 {
@@ -486,21 +470,20 @@ button, input, select {
.rack-rail__holes {
position: absolute;
top: 50%;
transform: translateY(-50%);
top: 3%;
display: grid;
grid-template-rows: repeat(3, 1fr);
gap: 0.22rem;
width: 24%;
height: 74%;
gap: 6%;
width: 26%;
height: 94%;
}
.rack-rail__holes--left {
right: 13%;
right: 12%;
}
.rack-rail__holes--right {
left: 13%;
left: 12%;
}
.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__frame rack-shell__frame--top"></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--tr"></div>
<div class="rack-shell__screw rack-shell__screw--bl"></div>