navbar Spam

This commit is contained in:
Elgius 2023-04-17 22:15:40 +05:00
parent 1d76b6e724
commit e10b74b003
6 changed files with 125 additions and 102 deletions

View File

@ -1,12 +1,11 @@
<script>
import Icon from 'svelte-icons-pack/Icon.svelte'
import BiArrowBack from "svelte-icons-pack/bi/BiArrowBack";
import BiSolidHome from "svelte-icons-pack/bi/BiSolidHome";
import BsPerson from "svelte-icons-pack/bs/BsPerson";
import Icon from 'svelte-icons-pack/Icon.svelte';
import BiArrowBack from 'svelte-icons-pack/bi/BiArrowBack';
import BiSolidHome from 'svelte-icons-pack/bi/BiSolidHome';
import BsPerson from 'svelte-icons-pack/bs/BsPerson';
</script>
<div class='border border-black rounded-lg'>
<div class="border border-black rounded-lg">
<div class="p-2">
<ul class="flex flex-row gap-2 items-center justify-between">
<li><Icon src={BiArrowBack} size={20} /></li>

View File

@ -1,4 +1,5 @@
<script>
import Navbar from '../../lib/components/navbar.svelte';
</script>
<section>
@ -44,5 +45,10 @@
</div>
</div>
</div>
<footer class="justify-items-end">
<div class="container mt-20">
<Navbar />
</div>
</footer>
</div>
</section>

View File

@ -1,5 +1,5 @@
<script>
import Navbar from '../../lib/components/navbar.svelte';
</script>
<section>
@ -13,7 +13,10 @@
<div class="avatar online">
<div class="w-20 rounded-full">
<!-- there is an issuee here that i will definetly deal with later....hopefully -->
<img src='https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80' alt="profile pic" />
<img
src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=387&q=80"
alt="profile pic"
/>
</div>
</div>
</div>
@ -42,11 +45,12 @@
</div>
<div class="flex justify-center items-center">
<button class='btn btn-secondary'>
save
</button>
<button class="btn btn-secondary"> save </button>
</div>
<footer class="justify-items-end">
<div class="container mt-20">
<Navbar />
</div>
</footer>
</section>

View File

@ -1,4 +1,5 @@
<script>
import Navbar from '../../lib/components/navbar.svelte';
</script>
<section>
@ -47,4 +48,11 @@
</div>
</div>
</div>
<footer>
<div class="container mt-10">
<Navbar />
</div>
</footer>
</section>

View File

@ -1,4 +1,5 @@
<script>
import Navbar from '../../lib/components/navbar.svelte';
</script>
<section>
@ -35,8 +36,7 @@
</div>
</div>
<div class='mb-10'>
<div class="mb-10">
<div class="flex justify-center items-center">
<div class="rating">
<input type="radio" name="rating-2" class="mask mask-star-2 bg-orange-400" />
@ -48,15 +48,14 @@
</div>
</div>
<div class="flex justify-center items-center">
<!-- i will change all buttons colours to match scheme during debugging -->
<button class="btn btn-secondary">
Share
</button>
<button class="btn btn-secondary"> Share </button>
</div>
<footer>
<div class="container mt-10">
<Navbar />
</div>
</footer>
</section>

View File

@ -1,4 +1,5 @@
<script>
import Navbar from '../../lib/components/navbar.svelte';
</script>
<section>
@ -7,7 +8,7 @@
<p class="text-sm font-bold">by Fishie</p>
</div>
<div class='mt-40 mb-10'>
<div class="mt-40 mb-10">
<div class="flex justify-center items-center">
<textarea
placeholder="Post contents here"
@ -39,4 +40,10 @@
<button>Submit</button>
</div>
</div>
<footer>
<div class="container mt-5">
<Navbar />
</div>
</footer>
</section>