ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-07 15:50:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Styling for profile banner

Browse source
This commit is contained in:
Thomas Smith 2022-12-13 16:44:31 -05:00
parent ed78e98b0f
commit 041b729654
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
packages/gui/src/components/ProfileBanner/ProfileBanner.svelte
View file

@ -1,6 +1,23 @@
<script lang="ts">
import '$appcss';
import Placeholder from '$components/Placeholder/Placeholder.svelte';
</script>
<Placeholder label="ProfileBanner" />
<section class="border-2 border-gray bg-black p-2">
<div class="profile_banner container flex border border-gray bg-black">
<img class="w-1/5" src="/images/bored-ape.png" />
<div class="flex w-4/5 items-center p-5">
<div class="w-1/2 pl-5">
<p class="uppercase text-gray">Authenticated with GitHub</p>
<p />
<p class="text-4xl text-primary">@Username</p>
</div>
<div class="h-full border-l border-gray" />
<div class="w-1/2 pl-10">
<p class="uppercase leading-loose text-gray">
Country: <span>Germany</span><br />Wallet:
<a class="text-green underline" href="">Connect Now</a>
</p>
</div>
</div>
</div>
</section>