diff --git a/public/assets/app.css b/public/assets/app.css index f31aca2..00b242e 100644 --- a/public/assets/app.css +++ b/public/assets/app.css @@ -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 { diff --git a/public/assets/app.js b/public/assets/app.js index ea7e97c..a171bef 100644 --- a/public/assets/app.js +++ b/public/assets/app.js @@ -198,8 +198,6 @@ function renderRack() {