From: Memet Zx <[email protected]>
To: Ammar Faizi <[email protected]>
Cc: Memet Zx <[email protected]>,
Muhammad Rizki <[email protected]>,
Alviro Iskandar Setiawan <[email protected]>,
Irvan Malik Azantha <[email protected]>,
GNU/Weeb Mailing List <[email protected]>
Subject: [PATCH WEB 1/4] Add custom scrollbar styles to app.css
Date: Sun, 21 Apr 2024 21:24:33 +0700 [thread overview]
Message-ID: <[email protected]> (raw)
In-Reply-To: <[email protected]>
to make it more elegant
Signed-off-by: Memet Zx <[email protected]>
---
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
next prev parent reply other threads:[~2024-04-21 14:25 UTC|newest]
Thread overview: 8+ messages / expand[flat|nested] mbox.gz Atom feed top
2024-04-21 14:24 [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Memet Zx
2024-04-21 14:24 ` Memet Zx [this message]
2024-06-02 10:47 ` [PATCH WEB 1/4] Add custom scrollbar styles to app.css Ammar Faizi
2024-04-21 14:24 ` [PATCH WEB 2/4] Update layout styles in +layout.svelte Memet Zx
2024-04-21 14:24 ` [PATCH WEB 3/4] Refactor layout styles in OrganizationMembers.svelte, RecentMessages.svelte, and +page.svelte Memet Zx
2024-04-21 14:24 ` [PATCH WEB 4/4] Add description to site.webmanifest Memet Zx
2024-06-02 10:33 ` [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Ammar Faizi
2024-06-02 11:06 ` Alviro Iskandar Setiawan
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
[email protected] \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox