Add responsive styles for PreviewView component

2026-04-07 20:17:42 +02:00
parent 3ca9c00725
commit ab2b2c940a
1 changed files with 20 additions and 0 deletions
@@ -76,3 +76,23 @@
    0% { background-position-x: 0; }
    100% { background-position-x: -200%; }
 }
+
+.PreviewView h1, 
+.PreviewView .identifier, 
+.PreviewView .topic {
+    word-wrap: break-word;   /* Bricht extrem lange Wörter/IDs um */
+    overflow-wrap: break-word;
+    max-width: 100%;
+}
+
+@media screen and (max-width: 480px) {
+    .PreviewView .avatar, 
+    .PreviewView .defaultAvatar {
+        width: 64px;
+        height: 64px;
+    }
+    
+    .PreviewView h1 {
+        font-size: 20px; /* Titel etwas dezenter mobil */
+    }
+}