Update splash.component.scss

allow better visual stratum url on smaller screens
2025-02-24 19:37:42 +01:00
parent 703a43a817
commit 7840c7c0ec
1 changed files with 42 additions and 1 deletions
@@ -24,6 +24,47 @@
    font-size: x-large;
 }

+.info code {
+    display: inline-block;
+    white-space: nowrap;
+    font-size: inherit;
+}
+
+/* Desktop styles */
+@media screen and (min-width: 769px) {
+    .info {
+        padding: 1rem;
+        text-align: center;
+    }
+    
+    .info code {
+        max-width: 90%;
+        margin: 0 auto;
+    }
+}
+
+/* Tablet and mobile styles */
+@media screen and (max-width: 768px) {
+    .info {
+        font-size: large;
+        padding: 0.5rem;
+    }
+    
+    .info code {
+        white-space: pre-wrap;
+        word-wrap: break-word;
+        font-size: 0.9em;
+    }
+}
+
+/* Very small screens */
+@media screen and (max-width: 480px) {
+    .info {
+        font-size: medium;
+        padding: 0.25rem;
+    }
+}
+
 .card {
    max-width: 1024px;
    margin: 0 auto;