From 665d902fd72ef4fffb273502b6f010a94a47e15b Mon Sep 17 00:00:00 2001
From: f0x52 <f0x@cthu.lu>
Date: Fri, 25 Nov 2022 15:49:48 +0100
Subject: [feature/frogend] modify local emoji (#1143)

* update danger button red

* emoji category and image modification

* debug bundles in dev

* fix linting error
---
 web/source/settings/style.css | 52 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)

(limited to 'web/source/settings/style.css')

diff --git a/web/source/settings/style.css b/web/source/settings/style.css
index 2a32fc0ad..7922a4053 100644
--- a/web/source/settings/style.css
+++ b/web/source/settings/style.css
@@ -544,4 +544,56 @@ span.form-info {
 .combobox-item[data-active-item] {
   background: $button-hover-bg;
   color: hsl(204 20% 100%);
+}
+
+.row {
+	display: flex;
+}
+
+.emoji-detail {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem !important;
+
+	& > a {
+		align-self: flex-start;
+	}
+
+	.emoji-header {
+		display: flex;
+		align-items: center;
+		gap: 0.5rem;
+
+		img {
+			height: 8.5rem;
+			width: 8.5rem;
+			border: 0.2rem solid $border-accent;
+			object-fit: contain;
+			padding: 0.5rem;
+		}
+	}
+
+	.update-category {
+		margin-bottom: 1rem;
+		.combobox-wrapper button {
+			font-size: 1rem;
+			margin: 0.15rem 0;
+		}
+	
+		.row {
+			margin-top: 0.4rem;
+			gap: 0.5rem;
+		}
+	}
+
+	.update-image {
+		display: flex;
+		flex-direction: column;
+		gap: 0.5rem;
+	}
+}
+
+.left-border {
+	border-left: 0.2rem solid $border-accent;
+	padding-left: 0.4rem;
 }
\ No newline at end of file
-- 
cgit v1.2.3