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

some minor styling changes

This commit is contained in:
Joonas 2023-01-16 16:18:38 +02:00
parent 60f21f7889
commit 710aa5823f
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/root.jsx
View File

@ -24,7 +24,7 @@ export default function App() {
const [darkMode, setDarkMode] = useState();
return (
<html className={`${darkMode ? "dark" : ""}`} lang="en">
<html className={`${!darkMode ? "dark" : ""}`} lang="en">
<head>
<Meta />
<Links />
@ -34,13 +34,14 @@ export default function App() {
className="fixed bottom-0"
onClick={() => setDarkMode(!darkMode)}
>
{darkMode ? (
<svg
className="w-8 h-8 md:w-10 md:h-10"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="white"
stroke="black"
>
<path
strokeLinecap="round"
@ -55,7 +56,7 @@ export default function App() {
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke="black"
stroke="white"
>
<path
strokeLinecap="round"
@ -65,6 +66,7 @@ export default function App() {
/>
</svg>
)}
<noscript>JS is needed for the Theme Switcher</noscript>
</button>
<Outlet />
<Scripts />

4
app/routes/threads/$threadId.jsx
View File

@ -268,7 +268,7 @@ export default function Thread() {
/>
{actionData ? <p>{actionData.post}</p> : ""}
</label>
<label className="flex flex-col" htmlFor="image-upload">
<label className="flex flex-col items-center" htmlFor="image-upload">
<span className="font-semibold text-center text-ctp-subtext0">
Image (500kbps max)
</span>
@ -283,7 +283,7 @@ export default function Thread() {
<span>Anonymize filename </span>
<input type="checkbox" name="anonymize" id="anon-check" />
</label>
<p>{actionData?.image}</p>
<p className="text-ctp-red">{actionData?.image}</p>
</label>
<details class="flex items-center justify-center duration-300">
<summary className="text-center text-ctp-subtext0 font-semibold cursor-pointer">