The weeb for the next gen discord boat - Wamellow
wamellow.com
bot
discord
fix sidebars on weird screen sizes
+20
-14
+2
-2
app/ai-gallery/[uploadId]/layout.tsx
+2
-2
app/ai-gallery/[uploadId]/layout.tsx
···
77
77
78
78
<div className="md:flex">
79
79
80
-
<div className="md:w-3/4 md:mr-6">
80
+
<div className="lg:w-3/4 md:w-2/3 w-full md:mr-6">
81
81
{"id" in upload ?
82
82
children
83
83
:
···
101
101
}
102
102
</div>
103
103
104
-
<div className="md:w-1/4 mt-8 md:mt-0">
104
+
<div className="lg:w-1/4 md:w-1/3 mt-8 md:mt-0">
105
105
<Side
106
106
upload={upload}
107
107
guild={guild}
+2
-2
app/ai-gallery/[uploadId]/side.component.tsx
+2
-2
app/ai-gallery/[uploadId]/side.component.tsx
···
39
39
<div className="flex gap-2 w-full">
40
40
<CopyToClipboardButton
41
41
className="w-full !justify-start"
42
-
title="Share this page"
42
+
title="Share image"
43
43
text={getCanonicalUrl("ai-gallery", upload.id as string)}
44
44
icon={<HiShare />}
45
45
/>
···
196
196
</Link>
197
197
}
198
198
199
-
<div>
199
+
<div className="hidden xl:block">
200
200
The image has been generated by artificial intelligence (AI) and not by a human creator. Wamellow and its developers disclaim any responsibility for the content of the images and reserve all rights to the media.
201
201
</div>
202
202
+6
-2
app/leaderboard/[guildId]/layout.tsx
+6
-2
app/leaderboard/[guildId]/layout.tsx
···
158
158
159
159
<div className="md:flex">
160
160
161
-
<div itemScope itemType="https://schema.org/ItemList" className="md:w-3/4 md:mr-6">
161
+
<div
162
+
itemScope
163
+
itemType="https://schema.org/ItemList"
164
+
className="lg:w-3/4 md:w-2/3 w-full md:mr-6"
165
+
>
162
166
{guildExists && <h2 itemProp="name" className="display-hidden sr-only">Top 10 users in {guild?.name}</h2>}
163
167
<link itemProp="itemListOrder" href="https://schema.org/ItemListOrderDescending" />
164
168
···
166
170
167
171
</div>
168
172
169
-
<div className="md:w-1/4 mt-8 md:mt-0">
173
+
<div className="lg:w-1/4 md:w-1/3 mt-8 md:mt-0">
170
174
<Side
171
175
guild={guild}
172
176
design={design}
+9
-7
app/leaderboard/[guildId]/page.tsx
+9
-7
app/leaderboard/[guildId]/page.tsx
···
112
112
.map((member, i) =>
113
113
<div
114
114
key={"leaderboard-" + searchParams.type + member.id + i}
115
-
className="mb-4 rounded-xl p-3 flex items-center dark:bg-wamellow bg-wamellow-100"
115
+
className="mb-4 rounded-xl p-3 flex items-center dark:bg-wamellow bg-wamellow-100 w-full overflow-hidden"
116
116
>
117
117
<ImageReduceMotion
118
118
alt={`${member.username}'s profile picture`}
···
121
121
size={128}
122
122
/>
123
123
124
-
<div>
124
+
<div className="w-full max-w-[calc(100%-14rem)]">
125
125
<div className="flex items-center gap-2">
126
-
<span className="text-xl font-medium dark:text-neutral-200 text-neutral-800">{member.globalName || member.username || "Unknown user"}</span>
126
+
<span className="text-xl font-medium dark:text-neutral-200 text-neutral-800 truncate">
127
+
{member.globalName || member.username || "Unknown user"}
128
+
</span>
127
129
{member.id === "821472922140803112" &&
128
130
<Badge>Developer</Badge>
129
131
}
130
132
{member.id === "845287163712372756" &&
131
-
<Badge>
132
-
WOMEN
133
-
</Badge>
133
+
<Badge>WOMEN</Badge>
134
134
}
135
135
</div>
136
-
<span className="text-sm dark:text-neutral-300 text-neutral-700">@{member.username}</span>
136
+
<div className="text-sm dark:text-neutral-300 text-neutral-700 truncate">
137
+
@{member.username}
138
+
</div>
137
139
</div>
138
140
139
141
<div className="ml-auto flex text-xl font-medium dark:text-neutral-200 text-neutral-800">
+1
-1
app/leaderboard/[guildId]/side.component.tsx
+1
-1
app/leaderboard/[guildId]/side.component.tsx