Skip to content

Commit e91ad81

Browse files
iimazin11iimazin11
committed
Small update for ui
1 parent ba63147 commit e91ad81

File tree

17 files changed

+131
-465
lines changed

17 files changed

+131
-465
lines changed

‎README.md‎

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,4 +16,16 @@ last bg #1d1c27
1616
- Overview [✅]
1717
- Settings [✅]
1818
- Embed Message [✅]
19-
- Welcomer [✅]
19+
- Welcomer [✅]
20+
- Auto Responder [✅]
21+
- Leveling System []
22+
- Auto Roles []
23+
- Audit Logs []
24+
- Colors []
25+
- Reaction Roles []
26+
- Temporary Channels []
27+
- Ticket []
28+
- Giveaway Setting []
29+
- Youtube []
30+
- Twitch []
31+
- Dashboard Logs []

‎app/api/proxy/route.js‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
export async function GET(req) {
2+
const url = new URL(req.url).searchParams.get('url')
3+
const res = await fetch(url)
4+
const buffer = await res.arrayBuffer()
5+
return new Response(buffer, {
6+
headers: { 'Content-Type': 'image/png' },
7+
})
8+
}

‎app/dashboard/page.jsx‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -46,14 +46,11 @@ export default function Dashboard() {
4646
<LayoutDashboard className="h-6 w-6" />
4747
<span>Overview</span>
4848
</h2>
49-
<span className="hidden md:block w-px h-4 bg-[#5b5683]"></span>
50-
<span className="text-md text-zinc-400">
51-
The Overview page gives you a quick glance at your most important information and activities, all in one place. It's designed to help you stay on top of your account without needing to jump between different sections.
52-
</span>
49+
5350
</div>
5451
<hr className="border-[#302e46] mb-4" />
5552

56-
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
53+
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 xl:grid-cols-4 gap-4">
5754
<div className="bg-[#191822]/50 backdrop-blur p-3 sm:p-4 sm:py-2 rounded-xl border border-[#2e2b41]">
5855
<div className="flex items-center gap-2 justify-between sm:gap-3">
5956

@@ -128,7 +125,7 @@ export default function Dashboard() {
128125
</div>
129126
</div>
130127

131-
<div className="mt-[2rem] flex flex-col lg:flex-row items-stretch w-full gap-6">
128+
<div className="mt-[2rem] flex flex-col xl:flex-row items-stretch w-full gap-6">
132129
<div className="flex-1 min-w-0">
133130
<ChartAreaDefault />
134131
</div>

‎app/globals.css‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -43,23 +43,21 @@ body {
4343
}
4444

4545
.custom-scrollbar::-webkit-scrollbar {
46-
width: 16px;
46+
width: 9px;
4747
height: 12px;
4848
}
4949

5050
.custom-scrollbar::-webkit-scrollbar-track {
51-
background: #1a1a1a;
5251
border-radius: 12px;
5352
}
5453

5554
.custom-scrollbar::-webkit-scrollbar-thumb {
56-
background-color: #555;
57-
border-radius: 5px;
58-
border: 3px solid #1a1a1a;
55+
background-color: #403c58d5;
56+
border-radius: 3px;
5957
}
6058

6159
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
62-
background-color: #777;
60+
background-color: #403c58d5;
6361
}
6462

6563
.hidden-scrollbar {

‎app/page.jsx‎

Lines changed: 4 additions & 390 deletions
Large diffs are not rendered by default.

‎app/server/[id]/automod/page.jsx‎

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ export default function Dashboard() {
5757
<hr className="border-[#302e46] mb-4" />
5858

5959

60-
<div className="mt-[2rem] grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-[2rem]">
60+
<div className="mt-[2rem] grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 xl:grid-cols-3 gap-4 mb-[2rem]">
6161
<div className="bg-[#191822]/50 p-4 rounded-xl border border-[#2e2b41] flex flex-col justify-between">
6262
<div className="flex justify-between">
6363

@@ -69,7 +69,7 @@ export default function Dashboard() {
6969
</div>
7070
<div className="">
7171
<span className="text-xl uppercase ">Bad Words</span>
72-
<p className="text-[#a29dbb] text-sm">Detects and blocks harmful or restricted language.</p>
72+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and blocks harmful or restricted language.</p>
7373
</div>
7474

7575
</div>
@@ -93,7 +93,7 @@ export default function Dashboard() {
9393
</div>
9494
</div>
9595

96-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
96+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
9797

9898
</div>
9999

@@ -109,7 +109,7 @@ export default function Dashboard() {
109109
</div>
110110
<div className="">
111111
<span className="text-xl uppercase ">Repeated Text</span>
112-
<p className="text-[#a29dbb] text-sm">Detects and limits repeated or spam-like messages.</p>
112+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and limits repeated or spam-like messages.</p>
113113
</div>
114114

115115
</div>
@@ -133,7 +133,7 @@ export default function Dashboard() {
133133
</div>
134134
</div>
135135

136-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
136+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
137137

138138
</div>
139139

@@ -149,7 +149,7 @@ export default function Dashboard() {
149149
</div>
150150
<div className="">
151151
<span className="text-xl uppercase ">Discord Invites</span>
152-
<p className="text-[#a29dbb] text-sm">Detects and blocks messages containing Discord invite links.</p>
152+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and blocks messages containing Discord invite links.</p>
153153
</div>
154154

155155
</div>
@@ -173,7 +173,7 @@ export default function Dashboard() {
173173
</div>
174174
</div>
175175

176-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
176+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
177177

178178
</div>
179179

@@ -189,7 +189,7 @@ export default function Dashboard() {
189189
</div>
190190
<div className="">
191191
<span className="text-xl uppercase ">External Links </span>
192-
<p className="text-[#a29dbb] text-sm">Detects and blocks messages containing suspicious or unsafe external links.</p>
192+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and blocks messages containing suspicious or unsafe external links.</p>
193193
</div>
194194

195195
</div>
@@ -213,7 +213,7 @@ export default function Dashboard() {
213213
</div>
214214
</div>
215215

216-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
216+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
217217

218218
</div>
219219

@@ -233,7 +233,7 @@ export default function Dashboard() {
233233
</div>
234234
<div className="">
235235
<span className="text-xl uppercase ">Mass Emojis</span>
236-
<p className="text-[#a29dbb] text-sm">Detects and limits messages containing excessive or spammy emoji usage.</p>
236+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and limits messages containing excessive or spammy emoji usage.</p>
237237
</div>
238238

239239
</div>
@@ -257,7 +257,7 @@ export default function Dashboard() {
257257
</div>
258258
</div>
259259

260-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
260+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
261261

262262
</div>
263263

@@ -274,7 +274,7 @@ export default function Dashboard() {
274274
</div>
275275
<div className="">
276276
<span className="text-xl uppercase ">Mass Mentions</span>
277-
<p className="text-[#a29dbb] text-sm">Detects and restricts messages with excessive user or role mentions.</p>
277+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and restricts messages with excessive user or role mentions.</p>
278278
</div>
279279

280280
</div>
@@ -298,7 +298,7 @@ export default function Dashboard() {
298298
</div>
299299
</div>
300300

301-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
301+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
302302

303303
</div>
304304

@@ -315,7 +315,7 @@ export default function Dashboard() {
315315
</div>
316316
<div className="">
317317
<span className="text-xl uppercase ">Spam Messages</span>
318-
<p className="text-[#a29dbb] text-sm">Detects and blocks messages sent in rapid succession or with spam content.</p>
318+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and blocks messages sent in rapid succession or with spam content.</p>
319319
</div>
320320

321321
</div>
@@ -339,7 +339,7 @@ export default function Dashboard() {
339339
</div>
340340
</div>
341341

342-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
342+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
343343

344344
</div>
345345

@@ -356,7 +356,7 @@ export default function Dashboard() {
356356
</div>
357357
<div className="">
358358
<span className="text-xl uppercase ">Excessive Caps</span>
359-
<p className="text-[#a29dbb] text-sm">Detects and limits messages written with excessive capital letters.</p>
359+
<p className="text-[#a29dbb] text-sm max-w-[18rem]">Detects and limits messages written with excessive capital letters.</p>
360360
</div>
361361

362362
</div>
@@ -380,7 +380,7 @@ export default function Dashboard() {
380380
</div>
381381
</div>
382382

383-
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border-2 border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
383+
<button className="mt-[1rem] w-full bg-[#211e2c67] p-2 py-3 rounded-md border border-[#353047] hover:bg-[#3530478e] transition-all duration-250 cursor-pointer">Edit Rule</button>
384384

385385
</div>
386386

‎app/server/[id]/autoresponder/page.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ export default function Dashboard() {
134134
animate={{ opacity: 1, scale: 1, y: 0 }}
135135
exit={{ opacity: 0, scale: 0.95, y: 20 }}
136136
transition={{ duration: 0.2, ease: "easeOut" }}
137-
className="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 md:w-[90%] w-[95%] max-w-2xl border-[#2e2b41] border bg-[#0e0d13] rounded-xl shadow-2xl z-70 max-h-[90vh] flex flex-col overflow-hidden"
137+
className="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 md:w-[90%] w-[95%] max-w-2xl border-[#2e2b41] border bg-[#0e0d13] rounded-xl shadow-2xl z-70 max-h-[70vh] flex flex-col overflow-hidden"
138138
>
139139
{/* Header - Fixed */}
140140
<div className="flex items-center justify-between p-6">
@@ -152,7 +152,7 @@ export default function Dashboard() {
152152
</div>
153153

154154
{/* Body - Scrollable */}
155-
<div className="px-6 space-y-5 mb-3 hidden-scrollbar overflow-y-auto flex-1">
155+
<div className="px-6 space-y-5 mb-3 custom-scrollbar overflow-y-auto flex-1">
156156
{/* Trigger Name */}
157157
<div className="md:flex space-y-2 gap-2">
158158
<div className="flex-1">

‎app/server/[id]/page.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ export default function Dashboard() {
3333
</div>
3434
<hr className="border-[#302e46] mb-4" />
3535

36-
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
36+
<div className="grid grid-cols-1 sm:grid-cols-2 xl:grid-cols-4 gap-4">
3737
<div className="bg-[#191822]/50 backdrop-blur p-4 sm:p-5 rounded-xl border border-[#2e2b41] flex flex-col justify-between">
3838
<div className="flex items-start justify-between">
3939
<div className="flex flex-col">
@@ -148,7 +148,7 @@ export default function Dashboard() {
148148

149149
</div>
150150

151-
<div className="mt-[2rem] flex flex-col lg:flex-row items-stretch w-full gap-6">
151+
<div className="mt-[2rem] flex flex-col xl:flex-row items-stretch w-full gap-6">
152152
<div className="flex-1 min-w-0">
153153
<Messages />
154154
</div>

‎components/dashboard/chart-area.jsx‎

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -103,15 +103,6 @@ export default function ChartAreaDefault() {
103103
</AreaChart>
104104
</ChartContainer>
105105
</CardContent>
106-
<CardFooter>
107-
<div className="flex w-full items-start gap-2 text-sm">
108-
<div className="grid gap-2">
109-
<div className="flex items-center gap-2 leading-none font-medium text-base">
110-
Trending up by 5.2% this month <TrendingUp className="h-5 w-5" />
111-
</div>
112-
</div>
113-
</div>
114-
</CardFooter>
115106
</Card>
116107
</div>
117108
)

‎components/dashboard/page.jsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,16 @@ export default function Page({ children }) {
1111
return (
1212
<main>
1313
<Navbar />
14-
<div className="md:ml-[10rem] min-h-screen bg-[#111018d5] text-white">
14+
<div className="lg:ml-[10rem] min-h-screen bg-[#111018d5] text-white">
1515
<Sidebar />
16-
<div className="w-full fixed z-50 mt-[40px] ml-0 md:ml-[13.25rem] border-t border-[#32304d]" />
16+
<div className="w-full fixed hidden-scrollbar z-40 mt-[40px] ml-0 lg:ml-[13.25rem] border-t border-[#32304d]" />
1717
{isSidebarOpen && (
1818
<div
1919
className="fixed inset-0 backdrop-blur-sm z-10"
2020
onClick={() => setIsSidebarOpen(false)}
2121
></div>
2222
)}
23-
<div className="px-5 md:px-[20px] overflow-auto ml-0 md:ml-[15rem] pt-[60px] md:pt-[90px] ">
23+
<div className="px-5 lg:px-[20px] hidden-scrollbar ml-0 lg:ml-[15rem] pt-[60px] lg:pt-[90px] min-h-screen">
2424
{children}
2525
</div>
2626
</div>

0 commit comments

Comments
 (0)