fix: Empty channel icons on web (#278)

catppuccin · Dec 14, 2023 · 7548c23 · 7548c23
1 parent 7cb4015
commit 7548c23
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/_chat.scss b/src/components/_chat.scss
@@ -354,6 +354,13 @@ div[class^="messagesWrapper"]
   > div[class^="container"]:not([class*="cozy"]) {
   div[class^="emptyChannelIcon"] {
     background-image: url("data:image/svg+xml,%3Csvg fill='rgb(#{red($crust), green($crust), blue($crust)})' height='44' viewBox='0 0 44 44' width='44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='m10.295 38.5c-.31112 0-.54669-.2811-.49232-.5874l1.19742-6.7459h-6.73825c-.31061 0-.54605-.2803-.49251-.5862l.46666-2.6667c.04187-.2392.24963-.4138.49252-.4138h6.91328l1.9433-11h-6.73825c-.31061 0-.54605-.2802-.49251-.5862l.46666-2.6667c.04187-.2392.24963-.4138.49252-.4138h6.91328l1.2284-6.92068c.0424-.23871.2499-.41262.4923-.41262h2.651c.3111 0 .5467.28107.4923.58738l-1.1974 6.74592h11l1.2284-6.92068c.0424-.23871.2499-.41262.4924-.41262h2.651c.3111 0 .5467.28107.4923.58738l-1.1974 6.74592h6.7382c.3106 0 .5461.2803.4925.5862l-.4666 2.6667c-.0419.2392-.2497.4138-.4925.4138h-6.9133l-1.9433 11h6.7382c.3106 0 .5461.2802.4925.5862l-.4666 2.6667c-.0419.2392-.2497.4138-.4925.4138h-6.9133l-1.2284 6.9207c-.0424.2387-.2499.4126-.4923.4126h-2.651c-.3111 0-.5467-.2811-.4924-.5874l1.1975-6.7459h-11l-1.2285 6.9207c-.0423.2387-.2498.4126-.4923.4126zm6.9576-22-1.9434 11h11l1.9434-11z'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: center;
+
+    // on desktop this doesn't exist! splendid!
+    > svg {
+      display: none;
+    }
   }
 
   div[class^="iconWrapper"] {