shi.gg / mellow-web
The weeb for the next gen discord boat - Wamellow wamellow.com
bot discord
3
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix buttons and images

Luna 7a1382c7 7b8c3aa8

+64 -38
+1 -1
app/(home)/layout.tsx
··· 22 22 23 23 <div className="text-neutral-500 w-full mt-10 mb-6 text-left"> 24 24 25 - <div className="flex items-center dark:text-neutral-100 text-neutral-900 gap-2"> 25 + <div className="flex items-center dark:text-neutral-100 text-neutral-900 gap-2 font-medium"> 26 26 <BsDiscord className="relative top-[1px] text-[#f8746e]" /> 27 27 <span className="text-xl bg-gradient-to-r from-red-400 to-yellow-400 bg-clip-text text-transparent">Wamellow</span> 28 28 <span className="text-xl bg-gradient-to-r from-yellow-400 to-blue-400 bg-clip-text text-transparent">for</span>
+8 -7
app/(home)/page.tsx
··· 60 60 <span className="block sm:hidden">Wamellow</span> 61 61 <span className="hidden sm:block">Invite Wamellow</span> 62 62 </Link> 63 - <Link href="/support" className="flex dark:text-neutral-300 text-neutral-700 dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light py-2 px-4 rounded-md duration-200 w-1/2 lg:w-fit justify-center gap-2"> 63 + <Link href="/support" className="button w-1/2"> 64 64 <BsDiscord className="relative top-1" /> 65 65 <span className="block sm:hidden">Support</span> 66 66 <span className="hidden sm:block">Join support</span> ··· 98 98 <span className="block sm:hidden">Wamellow</span> 99 99 <span className="hidden sm:block">Invite Wamellow</span> 100 100 </Link> 101 - <Link href="/leaderboard/1055188344188973066" className="flex dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light dark:hover:text-white py-2 px-4 rounded-md duration-200 justify-center gap-1"> 101 + <Link href="/leaderboard/1055188344188973066" className="button"> 102 102 <span className="mr-2">View Leaderboard</span> 103 103 <HiArrowRight className="relative top-1" /> 104 104 </Link> ··· 135 135 136 136 <div className="flex flex-col-reverse md:flex-row gap-8 items-center"> 137 137 138 - <div className="md:ml-auto md:w-1/2 px-3 pb-3"> 138 + <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 139 139 <DiscordMessage 140 140 mode={"DARK"} 141 141 user={{ ··· 196 196 197 197 </div> 198 198 199 - <div className="md:ml-auto md:w-1/2 px-3 pb-3"> 199 + <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 200 200 <DiscordMessage 201 201 mode={"DARK"} 202 202 user={{ ··· 211 211 color={0xbc7ed4} 212 212 author={{ 213 213 text: "@mwlica", 214 - icon_url: "/_next/image?url=https%3A%2F%2Fcdn.discordapp.com%2Favatars%2F821472922140803112%2Fee0026a578a9b2a0844ffa0efe9e3cf4.webp%3Fsize%3D64&w=128&q=75" 214 + icon_url: "/luna.webp" 215 215 }} 216 - image="/_next/image?url=https%3A%2F%2Fcdn.discordapp.com%2Fattachments%2F883817635081506886%2F1113058694347894865%2FIMG_6864.png&w=640&q=75" 217 216 > 218 217 <Highlight mode={"DARK"} text="Like ok @sean I know you are gay but no I won’t date you" /> 219 218 ··· 222 221 • 223 222 <span className="text-blue-500 hover:underline cursor-pointer">#lounge</span> 224 223 </div> 224 + 225 + <Image src="/_next/image?url=https%3A%2F%2Fcdn.discordapp.com%2Fattachments%2F883817635081506886%2F1113058694347894865%2FIMG_6864.png&w=640&q=75" itemProp="image" alt="" width={640} height={205} loading="lazy" className="mt-2 rounded-md" /> 225 226 </DiscordMessageEmbed> 226 227 227 228 ··· 232 233 233 234 <div className="flex flex-col-reverse md:flex-row gap-8 items-center"> 234 235 235 - <div className="md:ml-auto w-full md:w-1/2 px-3 pb-3"> 236 + <div className="md:ml-auto md:w-1/2 w-full px-3 pb-3"> 236 237 <DiscordMessage 237 238 mode={"DARK"} 238 239 user={{
+1 -1
app/(home)/pro/page.tsx
··· 141 141 <div className="w-full mt-6 md:flex gap-4 items-center"> 142 142 <div className="flex gap-4 items-center"> 143 143 <span className="flex items-center gap-2"> 144 - <ImageReduceMotion url="https://cdn.discordapp.com/avatars/821472922140803112/ee0026a578a9b2a0844ffa0efe9e3cf4" size={64} alt="mwlica's profile picture" className="w-12 h-12 rounded-full" /> 144 + <ImageReduceMotion url="/luna" size={64} alt="mwlica's profile picture" className="w-12 h-12 rounded-full" /> 145 145 <div> 146 146 <span className="text-xl font-medium dark:text-neutral-200 text-neutral-800">@mwlica</span> <Badge text="Developer" /> <br /> 147 147 <span className="dark:text-neutral-300 text-neutral-700">Cute femboy</span>
+8 -4
app/dashboard/[guildId]/layout.tsx
··· 1 1 "use client"; 2 + import { Button } from "@nextui-org/react"; 2 3 import Image from "next/image"; 3 4 import Link from "next/link"; 4 5 import { useParams, usePathname } from "next/navigation"; ··· 166 167 <title>{`${guild?.name}'s Dashboard`}</title> 167 168 168 169 <div className="flex gap-2 mb-5 text-sm"> 169 - <Link href="/dashboard" className="flex items-center dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light dark:hover:text-white py-2 px-4 rounded-lg duration-200"> 170 - <HiArrowNarrowLeft /> 171 - <span className="ml-2">Serverlist</span> 172 - </Link> 170 + <Button 171 + as={Link} 172 + href="/dashboard" 173 + startContent={<HiArrowNarrowLeft />} 174 + > 175 + Serverlist 176 + </Button> 173 177 {web.devToolsEnabled && 174 178 <CopyToClipboardButton 175 179 text={getCanonicalUrl("leaderboard", params.guildId)}
+1 -9
app/dashboard/[guildId]/leaderboards/page.tsx
··· 6 6 7 7 import { Guild, guildStore } from "@/common/guilds"; 8 8 import { webStore } from "@/common/webstore"; 9 + import Betweener from "@/components/Betweener"; 9 10 import ErrorBanner from "@/components/Error"; 10 11 import ImageUrlInput from "@/components/inputs/ImageUrlInput"; 11 12 import TextInput from "@/components/inputs/TextInput"; ··· 52 53 }); 53 54 54 55 }, []); 55 - 56 - const Betweener = () => { 57 - return ( 58 - <> 59 - <hr className="w-1/2 dark:border-wamellow-light border-wamellow-100-light rounded-full select-none md:hidden" /> 60 - <span className="w-0.5 h-20 dark:bg-wamellow-light bg-wamellow-100-light rounded-full rotate-6 select-none hidden md:block" /> 61 - </> 62 - ); 63 - }; 64 56 65 57 if (error) return <ErrorBanner message={error} />; 66 58 if (!leaderboard) return <></>;
+3 -2
app/dashboard/page.tsx
··· 12 12 import DumbTextInput from "@/components/inputs/Dumb_TextInput"; 13 13 import LoginButton from "@/components/LoginButton"; 14 14 import { RouteErrorResponse, UserGuild } from "@/typings"; 15 + import cn from "@/utils/cn"; 15 16 import { truncate } from "@/utils/truncate"; 16 17 17 18 export default function Home() { ··· 133 134 }} 134 135 initial={web.reduceMotions ? "visible" : "hidden"} 135 136 animate="visible" 136 - className={`grid ${display === "GRID" && "lg:grid-cols-3 md:grid-cols-2"} grid-cols-1 gap-4 w-full`} 137 + className={cn("grid grid-cols-1 gap-4 w-full", display === "GRID" && "lg:grid-cols-3 md:grid-cols-2")} 137 138 > 138 139 139 140 {guilds ··· 203 204 204 205 </motion.ul> 205 206 : 206 - <div className="border-2 dark:border-wamellow border-wamellow-100 p-4 flex justify-center items-center rounded-lg drop-shadow-md overflow-hidden relative h-24 w-1/3"> 207 + <div className={cn("border-2 dark:border-wamellow border-wamellow-100 p-4 flex justify-center items-center rounded-lg drop-shadow-md overflow-hidden relative h-24", display === "GRID" && "md:w-1/2 lg:w-1/3")}> 207 208 Loading your servers... 208 209 </div> 209 210 }
+15
app/globals.css
··· 51 51 52 52 ::-webkit-scrollbar-thumb:hover { 53 53 background: rgb(139, 92, 246, 1); 54 + } 55 + 56 + button.subpixel-antialiased:not(.w-unit-10):not(.default), 57 + a[role="button"]:not(.w-unit-10):not(.default) { 58 + @apply dark:hover:bg-wamellow-light hover:bg-wamellow-100-light justify-start text-medium duration-200 59 + } 60 + 61 + .text-sm button.subpixel-antialiased, 62 + .text-sm a[role="button"] { 63 + font-size: 0.875rem; 64 + line-height: 1.25rem; 65 + } 66 + 67 + .button { 68 + @apply flex dark:text-neutral-300 text-neutral-700 dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light py-2 px-4 rounded-md duration-200 lg:w-fit justify-center gap-2 54 69 }
+16 -11
app/leaderboard/[guildId]/side.component.tsx
··· 1 1 "use client"; 2 + import { Button } from "@nextui-org/react"; 2 3 import Link from "next/link"; 3 4 import { useRouter } from "next/navigation"; 4 5 import { FunctionComponent, useState } from "react"; 5 6 import { HiShare, HiTrash, HiViewGridAdd } from "react-icons/hi"; 6 7 7 8 import { webStore } from "@/common/webstore"; 9 + import Ad from "@/components/ad"; 8 10 import Badge from "@/components/badge"; 9 11 import { CopyToClipboardButton } from "@/components/copyToClipboard"; 10 12 import ErrorBanner from "@/components/Error"; ··· 22 24 <div className="flex flex-col gap-3"> 23 25 24 26 <CopyToClipboardButton 25 - className={design?.backgroundColor ? "dark:bg-wamellow/60 bg-wamellow-100/60 dark:hover:bg-wamellow-light/70 hover:bg-wamellow-100-light/70" : "dark:bg-wamellow bg-wamellow-100"} 27 + className={design?.backgroundColor && "dark:bg-wamellow/60 bg-wamellow-100/60 dark:hover:bg-wamellow-light/70 hover:bg-wamellow-100-light/70 w-full" || " w-full"} 26 28 text={getCanonicalUrl("leaderboard", guildId)} 27 29 icon={<HiShare />} 28 30 /> 29 31 30 32 {web.devToolsEnabled && 31 - <div className="dark:text-neutral-300 text-neutral-700 py-2 rounded-md"> 33 + <div className="dark:text-neutral-300 text-neutral-700 py-2 rounded-md mt-2"> 32 34 <span className="flex items-center gap-2 px-1"> 33 35 <span className="text-xl font-medium dark:text-neutral-100 text-neutral-900">Admin tools</span> 34 36 <Badge text="Developer" /> ··· 36 38 <hr className="mt-2 mb-3 dark:border-wamellow-light border-wamellow-100-light" /> 37 39 38 40 <div className="flex flex-col gap-3"> 39 - <button 41 + <Button 42 + className="w-full" 40 43 onClick={() => setModal(true)} 41 - className={`flex ${design?.backgroundColor ? "dark:bg-wamellow/60 bg-wamellow-100/60 dark:hover:bg-wamellow-light/70 hover:bg-wamellow-100-light/70" : "dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light"} dark:hover:text-white py-2 px-4 rounded-md duration-200 w-full`} 44 + startContent={<HiTrash />} 45 + > 46 + Reset member stats 47 + </Button> 48 + <Button 49 + as={Link} 50 + href={getCanonicalUrl("dashboard", guildId)} 51 + startContent={<HiViewGridAdd />} 42 52 > 43 - <HiTrash className="relative top-1" /> 44 - <span className="ml-2">Reset member stats</span> 45 - </button> 46 - <Link href={getCanonicalUrl("dashboard", guildId)} className={`flex ${design?.backgroundColor ? "dark:bg-wamellow/60 bg-wamellow-100/60 dark:hover:bg-wamellow-light/70 hover:bg-wamellow-100-light/70" : "dark:bg-wamellow bg-wamellow-100 dark:hover:bg-wamellow-light hover:bg-wamellow-100-light"} dark:hover:text-white py-2 px-4 rounded-md duration-200 w-full`}> 47 - <HiViewGridAdd className="relative top-1" /> 48 - <span className="ml-2">Dashboard</span> 49 - </Link> 53 + Dashboard 54 + </Button> 50 55 </div> 51 56 52 57 </div>
+1 -1
app/passport/[guildId]/VerifyComponent.tsx
··· 121 121 <div className="flex flex-col gap-3 w-full mt-4"> 122 122 123 123 <div className="flex items-center dark:bg-wamellow-alpha bg-wamellow-100-alpha w-fit py-1 pl-2 pr-3 rounded-full"> 124 - <ImageReduceMotion url={user?.id ? `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}` : "/discord.png"} size={20} alt="your avatar" className="rounded-full mr-1 h-5 w-5" /> 124 + <ImageReduceMotion url={user?.id ? `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}` : "/discord"} size={20} alt="your avatar" className="rounded-full mr-1 h-5 w-5" /> 125 125 <span className="pb-[2px] text-sm">{user?.global_name || `@${user?.username}`}</span> 126 126 </div> 127 127
+8
components/Betweener.tsx
··· 1 + export default function Betweener() { 2 + return ( 3 + <> 4 + <hr className="w-1/2 dark:border-wamellow-light border-wamellow-100-light rounded-full select-none md:hidden" /> 5 + <span className="w-0.5 h-20 dark:bg-wamellow-light bg-wamellow-100-light rounded-full rotate-6 select-none hidden md:block" /> 6 + </> 7 + ); 8 + }
+1 -1
components/Header.tsx
··· 67 67 <button className={`ml-auto flex ${menu && "dark:bg-wamellow bg-wamellow-100"} dark:hover:bg-wamellow hover:bg-wamellow-100 py-2 px-4 rounded-md duration-200 items-center`} onClick={() => setMenu(!menu)}> 68 68 69 69 <Skeleton isLoaded={!!user?.id} className="rounded-full mr-2 h-[30px] w-[30px]"> 70 - <ImageReduceMotion url={user?.id ? `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}` : "/discord.png"} size={64} alt="your avatar" /> 70 + <ImageReduceMotion url={user?.id ? `https://cdn.discordapp.com/avatars/${user.id}/${user.avatar}` : "/discord"} size={64} alt="your avatar" /> 71 71 </Skeleton> 72 72 73 73 {!user?.id ?
+1 -1
components/copyToClipboard.tsx
··· 40 40 <ButtonGroup> 41 41 42 42 <Button 43 - className={cn(saved ? "violet" : cn(className, "dark:hover:bg-wamellow-light hover:bg-wamellow-100-light"), "w-full justify-start")} 43 + className={cn(saved ? "violet" : className + " ")} 44 44 onClick={() => handleCopy(text)} 45 45 startContent={icon} 46 46 >
public/discord.webp

This is a binary file and will not be displayed.

public/luna.webp

This is a binary file and will not be displayed.