feat: new emote upload design

1 files changed, 37 insertions, 0 deletions

diff --git a/public/static/style.css b/public/static/style.css
index 0abe8d0..b1233cc 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -523,6 +523,10 @@ a.box:hover {
     gap: 32px;
 }
 
+.no-gap {
+    gap: 0;
+}
+
 .center {
     justify-content: center;
     align-items: center;
@@ -573,6 +577,10 @@ a.box:hover {
     font-weight: normal;
 }
 
+.rounded {
+    border-radius: 4px;
+}
+
 /** 
 -------------
    USER
@@ -596,4 +604,33 @@ a.box:hover {
     left: 0;
     right: 0;
     background: var(--profile-background);
+}
+
+/** 
+-------------
+   CHAT
+-------------
+*/
+
+.chat-message {
+    background: linear-gradient(0deg, #202020, #303030);
+    color: #fff;
+    padding: 8px;
+}
+
+.chat .chat-message:nth-child(even) {
+    background: linear-gradient(0deg, #353535, #454545);
+
+    border-top: 1px solid #707070;
+    border-bottom: 1px solid #707070;
+}
+
+.chat.rounded .chat-message:first-child {
+    border-top-left-radius: 4px;
+    border-top-right-radius: 4px;
+}
+
+.chat.rounded .chat-message:last-child {
+    border-bottom-left-radius: 4px;
+    border-bottom-right-radius: 4px;
 }
\ No newline at end of file