From mboxrd@z Thu Jan  1 00:00:00 1970
Return-Path: <zxce3@gnuweeb.org>
X-Spam-Checker-Version: SpamAssassin 3.4.6 (2021-04-09) on gnuweeb.org
X-Spam-Level: 
X-Spam-Status: No, score=-1.2 required=5.0 tests=ALL_TRUSTED,DKIM_SIGNED,
	DKIM_VALID,DKIM_VALID_AU,DKIM_VALID_EF,URIBL_DBL_BLOCKED_OPENDNS
	autolearn=ham autolearn_force=no version=3.4.6
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/simple; d=gnuweeb.org;
	s=default; t=1713709506;
	bh=hA7+DXqGX+ooVTgsUyCKJsdXnbfTX08RHIfZqm2uirM=;
	h=From:To:Cc:Subject:Date:In-Reply-To:References;
	b=CaHalzrgNG3Wjv5mTDkpMqhKYDp94T7mqlBtj6CD9uU2mnJvbiZNBMqOkpgq8oQ4M
	 /eS27O/FvXPQhYCN/dYcA+lax8VugBpr2I3icib48PLSdL9E/hYsPUto9IJ16bDmIZ
	 cSwFB+bCfYasefSXU/kF9Fa1aMZXW3SQIEPV+tIKqIy+FAlZDs7re3uaAa1a50bqyK
	 MFzA5llXS4Gcu4F5+Fd0hVITN1rxZT5NqYGLP7MMM/lrEXaYzvkdW2yGAM/WGIWKl3
	 LoEDHOg1UcF99tAWHW+mRj5IKybzynMUf7SNsdjYc6HYQ+L0oivJlrjLE27kw6XCou
	 4SEjHHrUApAZQ==
Received: from zxce3.. (unknown [182.1.51.133])
	by gnuweeb.org (Postfix) with ESMTPSA id B9B5124AECF;
	Sun, 21 Apr 2024 21:25:04 +0700 (WIB)
From: Memet Zx <zxce3@gnuweeb.org>
To: Ammar Faizi <ammarfaizi2@gnuweeb.org>
Cc: Memet Zx <zxce3@gnuweeb.org>,
	Muhammad Rizki <kiizuha@gnuweeb.org>,
	Alviro Iskandar Setiawan <alviro.iskandar@gnuweeb.org>,
	Irvan Malik Azantha <irvanma@gnuweeb.org>,
	GNU/Weeb Mailing List <gwml@vger.gnuweeb.org>
Subject: [PATCH WEB 1/4] Add custom scrollbar styles to app.css
Date: Sun, 21 Apr 2024 21:24:33 +0700
Message-Id: <20240421142436.476337-2-zxce3@gnuweeb.org>
X-Mailer: git-send-email 2.34.1
In-Reply-To: <20240421142436.476337-1-zxce3@gnuweeb.org>
References: <20240421142436.476337-1-zxce3@gnuweeb.org>
MIME-Version: 1.0
Content-Transfer-Encoding: 8bit
List-Id: <gwml.vger.gnuweeb.org>

to make it more elegant

Signed-off-by: Memet Zx <zxce3@gnuweeb.org>
---
 src/app.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/app.css b/src/app.css
index b5c61c9..0969457 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,3 +1,24 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* width */
+::-webkit-scrollbar {
+    width: 5px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+    background: #0a0a0a; 
+}
+ 
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background: #262626;
+    border-radius: 5px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background: #555; 
+}
-- 
2.34.1