* [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles
@ 2024-04-21 14:24 Memet Zx
2024-04-21 14:24 ` [PATCH WEB 1/4] Add custom scrollbar styles to app.css Memet Zx
` (3 more replies)
0 siblings, 4 replies; 5+ messages in thread
From: Memet Zx @ 2024-04-21 14:24 UTC (permalink / raw)
To: Ammar Faizi
Cc: Memet Zx, Muhammad Rizki, Alviro Iskandar Setiawan,
Irvan Malik Azantha, GNU/Weeb Mailing List
Hello,
This patch series adds custom scrollbar styles to app.css and refactors
layout styles in OrganizationMembers.svelte, RecentMessages.svelte, and
+page.svelte. It also adds a description to site.webmanifest.
Memet Zx (4):
Add custom scrollbar styles to app.css
Update layout styles in +layout.svelte
Refactor layout styles in OrganizationMembers.svelte,
RecentMessages.svelte, and +page.svelte
Add description to site.webmanifest
src/app.css | 21 +++++++++++++++++++
src/lib/components/OrganizationMembers.svelte | 2 +-
src/lib/components/RecentMessages.svelte | 2 +-
src/routes/+layout.svelte | 2 +-
src/routes/+page.svelte | 2 +-
static/site.webmanifest | 1 +
6 files changed, 26 insertions(+), 4 deletions(-)
--
2.34.1
^ permalink raw reply [flat|nested] 5+ messages in thread
* [PATCH WEB 1/4] Add custom scrollbar styles to app.css
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
2024-04-21 14:24 ` [PATCH WEB 2/4] Update layout styles in +layout.svelte Memet Zx
` (2 subsequent siblings)
3 siblings, 0 replies; 5+ messages in thread
From: Memet Zx @ 2024-04-21 14:24 UTC (permalink / raw)
To: Ammar Faizi
Cc: Memet Zx, Muhammad Rizki, Alviro Iskandar Setiawan,
Irvan Malik Azantha, GNU/Weeb Mailing List
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
^ permalink raw reply related [flat|nested] 5+ messages in thread
* [PATCH WEB 2/4] Update layout styles in +layout.svelte
2024-04-21 14:24 [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Memet Zx
2024-04-21 14:24 ` [PATCH WEB 1/4] Add custom scrollbar styles to app.css Memet Zx
@ 2024-04-21 14:24 ` 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
3 siblings, 0 replies; 5+ messages in thread
From: Memet Zx @ 2024-04-21 14:24 UTC (permalink / raw)
To: Ammar Faizi
Cc: Memet Zx, Muhammad Rizki, Alviro Iskandar Setiawan,
Irvan Malik Azantha, GNU/Weeb Mailing List
* Change `px-20` to `px-5` for better responsiveness across all devices.
Signed-off-by: Memet Zx <[email protected]>
---
src/routes/+layout.svelte | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 21ee482..823d6c6 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -40,7 +40,7 @@
</svelte:head>
-<div class="w-full px-20 bg-neutral-950 text-neutral-200">
+<div class="w-full px-5 bg-neutral-950 text-neutral-200">
<!-- main/root element -->
<main class="flex justify-center w-full min-h-screen">
--
2.34.1
^ permalink raw reply related [flat|nested] 5+ messages in thread
* [PATCH WEB 3/4] Refactor layout styles in OrganizationMembers.svelte, RecentMessages.svelte, and +page.svelte
2024-04-21 14:24 [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Memet Zx
2024-04-21 14:24 ` [PATCH WEB 1/4] Add custom scrollbar styles to app.css Memet Zx
2024-04-21 14:24 ` [PATCH WEB 2/4] Update layout styles in +layout.svelte Memet Zx
@ 2024-04-21 14:24 ` Memet Zx
2024-04-21 14:24 ` [PATCH WEB 4/4] Add description to site.webmanifest Memet Zx
3 siblings, 0 replies; 5+ messages in thread
From: Memet Zx @ 2024-04-21 14:24 UTC (permalink / raw)
To: Ammar Faizi
Cc: Memet Zx, Muhammad Rizki, Alviro Iskandar Setiawan,
Irvan Malik Azantha, GNU/Weeb Mailing List
* Update max-width classes to improve responsiveness across different screen sizes.
Signed-off-by: Memet Zx <[email protected]>
---
src/lib/components/OrganizationMembers.svelte | 2 +-
src/lib/components/RecentMessages.svelte | 2 +-
src/routes/+page.svelte | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/lib/components/OrganizationMembers.svelte b/src/lib/components/OrganizationMembers.svelte
index 2443378..8892d39 100644
--- a/src/lib/components/OrganizationMembers.svelte
+++ b/src/lib/components/OrganizationMembers.svelte
@@ -7,7 +7,7 @@
<div
class="border border-neutral-800 rounded-xl overflow-hidden
- max-w-xs md:max-w-lg lg:max-w-3xl xl:w-[20rem]"
+ md:max-w-lg lg:max-w-3xl xl:w-[20rem]"
>
<div class="flex px-5 py-2 border-b border-neutral-800 justify-between items-center">
<h1 class="text-lg font-bold text-center w-full">Member List</h1>
diff --git a/src/lib/components/RecentMessages.svelte b/src/lib/components/RecentMessages.svelte
index 25fb0eb..d091285 100644
--- a/src/lib/components/RecentMessages.svelte
+++ b/src/lib/components/RecentMessages.svelte
@@ -42,7 +42,7 @@
<div
class="border border-neutral-800 rounded-xl overflow-hidden
- max-w-xs md:max-w-lg lg:max-w-3xl xl:w-[20rem]"
+ md:max-w-lg lg:max-w-3xl xl:w-[20rem]"
>
<div class="flex px-5 py-2 border-b border-neutral-800 justify-between items-center">
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index c00cf0e..d28fd57 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -30,7 +30,7 @@
<section class="flex flex-col space-y-3 px-3">
<!-- PROFILE SECTION -->
- <div class="border border-neutral-800 rounded-b-xl overflow-hidden max-w-xs md:max-w-lg lg:max-w-3xl">
+ <div class="border border-neutral-800 rounded-b-xl overflow-hidden md:max-w-lg lg:max-w-3xl">
<img
src="/img/profile-cover.jpg"
alt=""
--
2.34.1
^ permalink raw reply related [flat|nested] 5+ messages in thread
* [PATCH WEB 4/4] Add description to site.webmanifest
2024-04-21 14:24 [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Memet Zx
` (2 preceding siblings ...)
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 ` Memet Zx
3 siblings, 0 replies; 5+ messages in thread
From: Memet Zx @ 2024-04-21 14:24 UTC (permalink / raw)
To: Ammar Faizi
Cc: Memet Zx, Muhammad Rizki, Alviro Iskandar Setiawan,
Irvan Malik Azantha, GNU/Weeb Mailing List
* Include a `description` field in site.webmanifest for improved site metadata.
Signed-off-by: Memet Zx <[email protected]>
---
static/site.webmanifest | 1 +
1 file changed, 1 insertion(+)
diff --git a/static/site.webmanifest b/static/site.webmanifest
index 4c777c3..7dde35d 100644
--- a/static/site.webmanifest
+++ b/static/site.webmanifest
@@ -1,6 +1,7 @@
{
"name": "gnuweeb.org",
"short_name": "gnuweeb",
+ "description": "We are working to build a community through open source technology.",
"icons": [
{
"src": "/android-chrome-192x192.png",
--
2.34.1
^ permalink raw reply related [flat|nested] 5+ messages in thread
end of thread, other threads:[~2024-04-21 14:25 UTC | newest]
Thread overview: 5+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2024-04-21 14:24 [PATCH WEB 0/4] Add custom scrollbar styles and refactor layout styles Memet Zx
2024-04-21 14:24 ` [PATCH WEB 1/4] Add custom scrollbar styles to app.css Memet Zx
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
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox