diff options
| author | Murillo Pinheiro de Oliveira <[email protected]> | 2024-03-27 15:46:17 -0300 |
|---|---|---|
| committer | Murillo Pinheiro de Oliveira <[email protected]> | 2024-03-27 15:46:17 -0300 |
| commit | e6e910e43f8f28501b7f829ab0090088914735a2 (patch) | |
| tree | 6fa77d3e386241409474776388f86fd216453f47 /src/components | |
| parent | 8aef38668f30aba2090d7f9f8107e8976407798b (diff) | |
| download | coinos-ui-e6e910e43f8f28501b7f829ab0090088914735a2.tar.gz coinos-ui-e6e910e43f8f28501b7f829ab0090088914735a2.zip | |
updated: bootstrap removed (all tailwind and little css now); url image
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.svelte | 36 |
1 files changed, 16 insertions, 20 deletions
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte index 12977900..260afd4f 100644 --- a/src/components/Footer.svelte +++ b/src/components/Footer.svelte @@ -16,46 +16,42 @@ </script> <footer class="pt-16 bg-black"> <div class="max-w-[1296px] mx-auto px-8"> - <!-- footer_top --> - <div class="footer_top pb-4"> + <div class="footer_top border-b-[1] border-gray-800 pb-4"> <div class="flex-col md:flex-row flex md:items-center justify-between"> <div class="flex-1 mb-12 sm:mb-5"> - <a href="#" class="footer_logo"><img src="images/footer-logo.png" alt="" /></a> + <a href="#" ><img src="images/footer-logo.png" alt="swapee logo" class="max-w-36" /></a> <p class="text-gray-200 mt-10">Copyright © 2023. Swapee.me</p> <p class="text-gray-200 mt-3">All rights reserved.</p> <a href="#" class="btn_language inline-block mt-6 font-bold !text-white hover:!text-black">English</a> </div> - <div - class="flex-1 footer_top_right flex items-center justify-start md:justify-center " - > + <div class="flex-1 flex items-center justify-start md:justify-center"> <div class="flex max-sm:flex-col md:justify-end gap-x-6"> <div class="flex-1 xl:mb-0 mb-4 md:pr-0 sm:pr-5"> <h6 class="!text-white/80 mb-0">Business enquiries</h6> - <a href="mailto:[email protected]">[email protected]</a> + <a href="mailto:[email protected]" class="text-swapee-purple hover:underline">[email protected]</a> </div> <div class="flex-1 xs:pr-5 mb-4 md:pr-0 sm:pr-5"> <h6 class="!text-white/80 mb-0">Support enquiries</h6> - <a href="mailto:[email protected]">[email protected]</a> + <a href="mailto:[email protected]" class="text-swapee-purple hover:underline">[email protected]</a> </div> </div> </div> </div> - <!-- footer_bottom --> - <div class="footer_bottom pt-4 pb-2"> - <ul class="list-unstyled mb-0 ps-0"> - <li class="pb-3 "> - <a href="/docs" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Documentation</a> + <div class="footer_bottom flex justify-end pt-4 pb-2"> + <ul class="flex flex-wrap justify-center mb-0 ps-0"> + <li class="pb-3 ml-[0.9375rem]"> + <a href="/docs" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Documentation</a> </li> - <li class="pb-3"> - <a href="/privacy" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Privacy Policy</a> + <li class="pb-3 ml-[0.9375rem]"> + <a href="/privacy" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Privacy Policy</a> </li> - <li class="pb-3"> - <a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Support</a> + <li class="pb-3 ml-[0.9375rem]"> + <a href="/support" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Support</a> + </li> + <li class="pb-3 ml-[0.9375rem]"> + <a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold py-[6px] px-[10px]">Sitemap</a> </li> - <li class="pb-3"> - <a href="/sitemap" class="!text-white/80 opacity-100 hover:!text-swapee-purple/100 font-semibold">Sitemap</a> - </li> </ul> </div> </div> |