dockerfiles/Fishie-Honesty-UI
1
0
Fork 0
mirror of https://github.com/WhoIsFishie/Fishie-Honesty-UI.git synced 2025-04-20 09:46:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Done login page skeleton

Browse Source
This commit is contained in:
Elgius 2023-04-08 12:06:21 +05:00
parent 27d71e3829
commit 11f96c0821
1 changed files with 45 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/routes/mainPage/+page.svelte
View File

@ -1,27 +1,47 @@
<script> <script>
</script> </script>
<section> <section>
<div class="container"> <div class="container">
<div class="flex justify-center items-center"> <div class="flex justify-center items-center flex-col my-10">
<h1 class='text-3xl'>Honesty</h1> <h1 class="text-5xl font-bold">Honesty</h1>
<p class="text-sm fint-bold">by fishie</p>
</div> </div>
</div> </div>
<div class="flex justify-center items-center"> <div class="flex justify-center items-center mt-30 mb-20">
<img src="" alt="placeholder" class="my-10" /> <div class="avatar">
<div class="w-60 rounded-full ring ring-primary ring-offset-base-100 ring-offset-2">
<img src="https://images.unsplash.com/photo-1578507065211-1c4e99a5fd24?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80" alt="sample image" />
</div>
</div>
</div> </div>
<div class="flex justify-center items-center flex-col"> <div class="flex items-center justify-center">
<input label="Username" placeholder="Username" class="my-2" /> <div class="form-control w-full max-w-xs">
<button class="my-2">Submit</button> <label class="label">
<span class="label-text">What is your Username?</span>
</label>
<input type="text" placeholder="@UserName" class="input input-bordered w-full max-w-xs" />
<label class="label">
<span class="label-text-alt text-green-500 text-xl">Username is available</span>
</label>
</div> </div>
</section> </div>
<style> <div class='container'>
<div class="flex items-center justify-center mt-10">
<button class="btn btn-secondary">
Submit
</button>
</div>
</div>
</section>
<style>
.container { .container {
max-width: 640px; max-width: 640px;
margin: 0 auto; margin: 0 auto;
} }
</style> </style>