Damillora/phoebe
Damillora/phoebe
1
0
Fork 0
mirror of https://github.com/Damillora/phoebe.git synced 2025-03-10 14:07:22 +00:00
Code Issues Projects Releases Wiki Activity

feat: light dark coloring

Browse Source
This commit is contained in:
Damillora 2025-02-23 06:22:14 +00:00
parent f0a606e561
commit 2b5e80e20f
4 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/app/src/app.scss
View File

@ -38,6 +38,7 @@
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;
margin-bottom: var(--bulma-control-padding-vertical); margin-bottom: var(--bulma-control-padding-vertical);
color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-color-l));
} }
#tags .svelte-tags-input-tag { #tags .svelte-tags-input-tag {
@extend .tag; @extend .tag;

4
web/app/src/routes/+page.svelte
View File

@ -43,9 +43,11 @@
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-12-tablet is-8-desktop is-8-widescreen"> <div class="column is-12-tablet is-8-desktop is-8-widescreen">
<div class="box has-text-centered"> <div class="block has-text-centered">
<p class="title">shioriko</p> <p class="title">shioriko</p>
<p class="subtitle">a booru-style gallery written in Go and Svelte</p> <p class="subtitle">a booru-style gallery written in Go and Svelte</p>
</div>
<div class="box has-text-centered">
<div class="block"> <div class="block">
<form onsubmit={onSearch}> <form onsubmit={onSearch}>
<div class="field"> <div class="field">

6
web/app/src/routes/auth/login/+page.svelte
View File

@ -22,8 +22,10 @@
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-5-tablet is-4-desktop is-3-widescreen"> <div class="column is-5-tablet is-4-desktop is-3-widescreen">
<div class="box"> <div class="block has-text-centered">
<p class="title">Login</p> <p class="title">Login</p>
</div>
<div class="box">
<form onsubmit={doLogin}> <form onsubmit={doLogin}>
<div class="field"> <div class="field">
<label for="username" class="label">Username</label> <label for="username" class="label">Username</label>
@ -58,7 +60,7 @@
{/if} {/if}
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<button class="button is-link">Login</button> <button class="button is-primary">Login</button>
</div> </div>
</div> </div>
</form> </form>

6
web/app/src/routes/auth/register/+page.svelte
View File

@ -21,8 +21,10 @@
<div class="container"> <div class="container">
<div class="columns is-centered"> <div class="columns is-centered">
<div class="column is-5-tablet is-4-desktop is-3-widescreen"> <div class="column is-5-tablet is-4-desktop is-3-widescreen">
<div class="box"> <div class="block has-text-centered">
<p class="title">Register</p> <p class="title">Register</p>
</div>
<div class="box">
<form onsubmit={doRegister}> <form onsubmit={doRegister}>
<div class="field"> <div class="field">
<label for="email" class="label">Email</label> <label for="email" class="label">Email</label>
@ -65,7 +67,7 @@
</div> </div>
<div class="field"> <div class="field">
<div class="control"> <div class="control">
<button class="button is-link">Login</button> <button class="button is-primary">Register</button>
</div> </div>
</div> </div>
</form> </form>