modamo.xyz
+9
-4
app/page.tsx
+9
-4
app/page.tsx
···
15
15
16
16
const loginToATProto = async () => {
17
17
setIsLoggingIn(true);
18
-
18
+
19
19
try {
20
20
const response = await fetch("/api/auth/atproto", {
21
21
body: JSON.stringify({
···
54
54
};
55
55
56
56
return (
57
-
<div className="bg-linear-to-r from-red-800 grid grid-cols-2 grid-rows-1 h-screen to-[#6868B6] w-screen">
58
-
<div className="col-span-1 flex flex-col gap-2 items-center justify-center">
57
+
<div className="bg-linear-to-r from-red-800 gap-2 grid grid-cols-2 grid-rows-10 h-screen p-2 to-[#6868B6] w-screen">
58
+
<div className="col-span-2 flex justify-center row-span-1">
59
+
<h1 className="font-bold text-3xl">scrobbleToBio</h1>
60
+
</div>
61
+
<div className="border col-span-1 flex flex-col gap-2 items-center justify-center rounded-lg row-span-4">
59
62
<div className="flex gap-2 items-center justify-center w-full">
60
63
<div className="border flex gap-2 h-12 items-center p-2 rounded-lg w-1/2">
61
64
<AtSign />
···
75
78
{lastFMUsername && <p>{lastFMUsername}</p>}
76
79
{currentPlaying && <p>{currentPlaying}</p>}
77
80
</div>
78
-
<div className="col-span-1 flex flex-col gap-2 items-center justify-center row-span-1">
81
+
<div className="border col-span-1 rounded-lg row-span-8"></div>
82
+
<div className="border col-span-1 flex flex-col gap-2 items-center justify-center rounded-lg row-span-4">
79
83
<div className="border flex gap-2 h-12 items-center p-2 rounded-lg w-1/2">
80
84
<Server />
81
85
<input
···
111
115
width="w-1/2"
112
116
/>
113
117
</div>
118
+
<div className="col-span-2 flex justify-center row-span-1"></div>
114
119
</div>
115
120
);
116
121
};