fade in and out terminal on focus

2026-05-28 16:33:56 -04:00
parent 23ed5b510b
commit 20100800a1
2 changed files with 20 additions and 2 deletions
@@ -51,11 +51,15 @@ body {
    top: 100px;
    transform: translateX(-50%);
    width: 680px;
-    transition: transform 0.1s linear;
+    transition: transform 0.1s linear, opacity 0.5s ease;
    opacity: 0.4;
    pointer-events: auto;
 }

+.rack-container.opaque {
+    opacity: 1;
+}
+
 .rack-top-bar {
    width: 100%;
    height: 36px;
@@ -201,7 +205,11 @@ body {
    position: relative;
    overflow: hidden;
    cursor: text;
-    transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
+    transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;
+}
+
+.terminal-display.opaque {
+    opacity: 1;
 }

 .terminal-display.grown {