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 />
</head>
<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 ? (
<svg
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
</h1>
<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"
encType="multipart/form-data"
>
<div className="space-y-4">
<label className="flex flex-col" htmlFor="title-input">
<div className="flex flex-wrap justify-center items-center">
<label className="flex flex-col m-2" htmlFor="title-input">
<span className="font-semibold text-ctp-subtext0">Title</span>
<textarea
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>
</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>
<textarea
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>
</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">
Image (500kbps max)
</span>