qwertyasdfgh
/
imageboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

changed up styling a bit and made dark theme toggle not put everything a little further down

This commit is contained in:
Joonas 2023-01-16 15:01:13 +02:00
parent d2ba02b3f6
commit 3d2986109f
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/root.jsx
View File

@ -30,7 +30,7 @@ export default function App() {
<Links /> <Links />
</head> </head>
<body className="dark:ctp-mocha dark:bg-ctp-base"> <body className="dark:ctp-mocha dark:bg-ctp-base">
<button className="sticky top-0" onClick={() => setDarkMode(!darkMode)}> <button className="fixed bottom-0" onClick={() => setDarkMode(!darkMode)}>
{darkMode ? ( {darkMode ? (
<svg <svg
className="w-8 h-8 md:w-10 md:h-10" className="w-8 h-8 md:w-10 md:h-10"

10
app/routes/index.jsx
View File

@ -112,12 +112,12 @@ export default function Index() {
Create a thread Create a thread
</h1> </h1>
<Form <Form
className="rounded space-y-4 flex flex-col flex-wrap text-center justify-center items-center " className="rounded space-y-4 flex flex-wrap text-center justify-center items-center "
method="post" method="post"
encType="multipart/form-data" encType="multipart/form-data"
> >
<div className="space-y-4"> <div className="flex flex-wrap justify-center items-center">
<label className="flex flex-col" htmlFor="title-input"> <label className="flex flex-col m-2" htmlFor="title-input">
<span className="font-semibold text-ctp-subtext0">Title</span> <span className="font-semibold text-ctp-subtext0">Title</span>
<textarea <textarea
className=" bg-ctp-surface0 m-1 p-1 rounded-md shadow shadow-ctp-overlay0" className=" bg-ctp-surface0 m-1 p-1 rounded-md shadow shadow-ctp-overlay0"
@ -129,7 +129,7 @@ export default function Index() {
/> />
<p className="text-ctp-red">{errors ? errors.title : ""}</p> <p className="text-ctp-red">{errors ? errors.title : ""}</p>
</label> </label>
<label className="flex flex-col" htmlFor="post-input"> <label className="flex flex-col m-2" htmlFor="post-input">
<span className="font-semibold text-ctp-subtext0">Post</span> <span className="font-semibold text-ctp-subtext0">Post</span>
<textarea <textarea
className=" bg-ctp-surface0 m-1 p-1 rounded shadow shadow-ctp-overlay0" className=" bg-ctp-surface0 m-1 p-1 rounded shadow shadow-ctp-overlay0"
@ -141,7 +141,7 @@ export default function Index() {
/> />
<p className="text-ctp-red">{errors ? errors.post : ""}</p> <p className="text-ctp-red">{errors ? errors.post : ""}</p>
</label> </label>
<label className="flex flex-col" htmlFor="image-upload"> <label className="flex flex-col m-2" htmlFor="image-upload">
<span className="font-semibold text-ctp-subtext0"> <span className="font-semibold text-ctp-subtext0">
Image (500kbps max) Image (500kbps max)
</span> </span>