SiskelDev/WattpadDownloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(frontend): Update styles

Browse Source
This commit is contained in:
TheOnlyWayUp
2023-12-29 03:44:46 +00:00
parent 289bd6be4f
commit 8dfdf52d2c
4 changed files with 44 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+11
View File
@@ -0,0 +1,11 @@
WattpadDownloader
---
Straightforward, Extendable WebApp to download Wattpad Books as EPUB Files.
Stars ⭐ are appreciated. Thanks
---
<div align="center">
<p>TheOnlyWayUp © 2023</p>
</div>
src/frontend/src/app.html
+1 -1
View File
@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en" data-theme="nord">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
src/frontend/src/routes/+page.svelte
+26 -10
View File
@@ -5,19 +5,23 @@
</script> </script>
<div class="flex"> <div class="flex">
<div class="hero min-h-screen"> <div class="hero min-h-screen bg-slate-600">
<div class="hero-content text-center"> <div class="hero-content text-center">
<div class="bg-base-200 p-16 max-w-lg rounded-md"> <div class="bg-slate-100 p-16 max-w-3xl rounded-lg outline">
<h1 class="text-5xl font-bold">Wattpad Downloader</h1> <h1
class="font-extrabold text-transparent text-8xl bg-clip-text bg-gradient-to-r to-pink-600 via-yellow-600 from-red-800"
>
Wattpad Downloader
</h1>
<div class="py-6 join"> <div class="py-6 join">
<input <input
type="number" type="number"
placeholder="Story ID" placeholder="Story ID"
class="input input-ghost input-secondary w-full max-w-xs rounded-r-none" class="input input-secondary w-full max-w-xs rounded-r-none"
bind:value={story_id} bind:value={story_id}
/> />
<a <a
class="btn btn-primary btn-ghost btn-outline rounded-l-none" class="btn btn-info rounded-l-none"
class:btn-disabled={!story_id} class:btn-disabled={!story_id}
href={`/download/${story_id}`}>Download</a href={`/download/${story_id}`}>Download</a
> >
@@ -26,16 +30,28 @@
</div> </div>
</div> </div>
<footer <footer class="footer footer-center p-4 bg-primary-content bottom-0 fixed">
class="footer footer-center p-4 bg-base-300 text-base-content bottom-0 fixed" <aside class="text-2xl space-y-2 text-white">
> <p class="text-xl">
<aside class="text-2xl"> You can support me by <a
href="https://github.com/TheOnlyWayUp"
class="underline"
target="_blank">following</a
>
or
<a
href="https://github.com/TheOnlyWayUp/WattpadDownloader"
class="underline"
target="_blank">starring the repository</a
>. Thanks!
</p>
<p> <p>
<a <a
href="https://github.com/TheOnlyWayUp" href="https://github.com/TheOnlyWayUp"
class="underline" class="underline"
target="_blank">TheOnlyWayUp</a target="_blank">TheOnlyWayUp</a
> © 2023 >
© 2023
</p> </p>
</aside> </aside>
</footer> </footer>
src/frontend/tailwind.config.cjs
+6
View File
@@ -10,6 +10,12 @@ const config = {
}, },
plugins: [typography, daisyui], plugins: [typography, daisyui],
daisyui: {
themes: [
"nord"
],
},
}; };
module.exports = config; module.exports = config;