The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
improve header and home lading for small screens
+30
-14
+2
-2
app/(home)/page.tsx
+2
-2
app/(home)/page.tsx
···
93
93
<div className="flex items-center flex-col w-full">
94
94
95
95
<div className="flex w-full items-center gap-8 mb-16 md:mb-12 min-h-96 h-[calc(100svh-16rem)] md:h-[calc(100svh-20rem)]">
96
-
<div className="min-w-96 w-full md:w-2/3 xl:w-1/2 flex flex-col space-y-6">
96
+
<div className="md:min-w-96 w-full md:w-2/3 xl:w-1/2 flex flex-col space-y-6">
97
97
98
98
<Chip
99
99
color="secondary"
···
741
741
<div className="divide-y divide-wamellow">
742
742
{Array.isArray(commands) && commands
743
743
.sort((a, b) => b.uses - a.uses)
744
+
.slice(0, 4)
744
745
.map((command) => (
745
746
<div key={command.name} className="text-base py-4 flex flex-col md:flex-row gap-4 md:items-center">
746
747
<div className="-mb-2 md:mb-0 flex items-center h-min">
···
751
752
<span className="ml-auto italic text-sm hidden md:block">{intl.format(command.uses)} uses</span>
752
753
</div>
753
754
))
754
-
.slice(0, 4)
755
755
}
756
756
</div>
757
757
{(!commands || !Array.isArray(commands)) &&
+9
-4
app/dashboard/[guildId]/layout.tsx
+9
-4
app/dashboard/[guildId]/layout.tsx
···
1
1
"use client";
2
2
3
-
import { Skeleton } from "@nextui-org/react";
3
+
import { Button, Skeleton } from "@nextui-org/react";
4
4
import Image from "next/image";
5
5
import Link from "next/link";
6
6
import { useParams, usePathname } from "next/navigation";
···
168
168
<title>{`${guild?.name}'s Dashboard`}</title>
169
169
170
170
<div className="flex flex-col gap-5 mb-3">
171
-
<Link href="/dashboard" className="button-underline">
172
-
<HiArrowNarrowLeft /> Serverlist
173
-
</Link>
171
+
<Button
172
+
as={Link}
173
+
className="w-fit"
174
+
href="/dashboard"
175
+
startContent={<HiArrowNarrowLeft />}
176
+
>
177
+
Serverlist
178
+
</Button>
174
179
175
180
<div className="text-lg flex flex-col md:flex-row md:items-center">
176
181
<div className="flex gap-5">
+19
-8
app/layout.tsx
+19
-8
app/layout.tsx
···
1
1
import "./globals.css";
2
2
3
+
import { Divider } from "@nextui-org/react";
3
4
import { Metadata, Viewport } from "next";
4
5
import { Montserrat, Outfit } from "next/font/google";
5
6
import Image from "next/image";
···
49
50
"discord", "bot", "app", "intefration", "discord bot", "waya", "waya bot", "waya.one", "mwya", "mellow", "wamellow", "mwlica", "lunish", "Luna-devv", "mee6 alternative",
50
51
"arcane alternative", "dyno alternative", "starboard", "ranks", "leaderboard", "lb", "leaderboards", "text to speech", "captcha", "passport", "verification", "verify",
51
52
"captcha.bot", "security", "tts", "text to speech", "free", "customizable", "next-gen", "next generation", "ai", "ai images", "nsfw detection", "moderation", "anime",
52
-
"nekos", "waifus", "chat to speech", "accessibility", "aphonia", "dysphonia", "mute", "liapew"
53
+
"nekos", "waifus", "chat to speech", "accessibility", "aphonia", "dysphonia", "mute", "liapew", "wumpus", "wumpus store", "wumpus bots"
53
54
],
54
55
55
56
alternates: {
···
122
123
123
124
<nav className="p-4 flex items-center gap-2 text-base font-medium dark:text-neutral-300 text-neutral-700 select-none h-20">
124
125
<Link href="/" className={cn("font-semibold flex items-center mr-2", montserrat.className)}>
125
-
<Image src="/waya-v3-small.webp" width={64} height={64} alt="" className="rounded-full mr-2 w-8 h-8" />
126
-
<span className="text-xl dark:text-neutral-100 text-neutral-900">Wamellow</span>
126
+
<Image src="/waya-v3-small.webp" width={64} height={64} alt="" className="rounded-full mr-2 w-8 h-8 shrink-0" />
127
+
<span className="text-xl dark:text-neutral-100 text-neutral-900 hidden sm:block">Wamellow</span>
127
128
</Link>
128
129
129
-
<div className="hidden sm:flex gap-1">
130
-
<Link href="https://lunish.nl/kofi" className="dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha py-1 px-2 rounded-md duration-200 flex items-center gap-2 group">
131
-
<SiKofi className="group-hover:text-[#ff6c6b] duration-200" /> Support us
130
+
<Divider
131
+
className="h-10 rotate-6 mx-1"
132
+
orientation="vertical"
133
+
/>
134
+
135
+
<div className="flex gap-1">
136
+
<Link
137
+
href="https://lunish.nl/kofi"
138
+
className="dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha py-1 px-3 rounded-md duration-200 hidden sm:flex items-center gap-2 group"
139
+
>
140
+
<SiKofi className="group-hover:text-[#ff6c6b] duration-200 mt-0.5" />
141
+
Donate
132
142
</Link>
133
-
<Link href="/vote" className="dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha py-1 px-2 rounded-md duration-200 flex items-center gap-2 group">
134
-
<TopggIcon className="group-hover:text-[#ff3366] duration-200 h-5 w-5" /> Vote
143
+
<Link href="/vote" className="dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha py-1 px-3 rounded-md duration-200 flex items-center gap-2 group">
144
+
<TopggIcon className="group-hover:text-[#ff3366] duration-200 h-5 w-5 mt-0.5" />
145
+
Vote
135
146
</Link>
136
147
</div>
137
148