From 60d843789af8a4eee995022fef809cf79125039c Mon Sep 17 00:00:00 2001 From: gabaldon Date: Mon, 9 Sep 2024 10:28:36 +0200 Subject: [PATCH] feat: use `wit-vue-ui` --- assets/styles/main.scss | 2 + assets/styles/tailwind.css | 27 - components/ArrowButton.vue | 37 - components/CustomButton.vue | 33 - components/FooterSection.vue | 155 +- components/IconWithText.vue | 36 - components/RoundedIcon.vue | 5 - components/SocialLinks.vue | 29 +- components/TopBar.vue | 191 -- components/cards/BuildWithWitnet.vue | 43 +- components/cards/ExplorerLink.vue | 85 - components/cards/OutOfBoundariesCard.vue | 98 - components/cards/TooltipBase.vue | 28 - components/cards/TutorialLink.vue | 2 +- components/cards/TutorialsSubList.vue | 42 +- components/sections/BuySection.vue | 47 +- components/sections/CoinSection.vue | 38 +- components/sections/CommunitySection.vue | 34 +- components/sections/ExploreSection.vue | 9 +- components/sections/HeroSection.vue | 10 +- components/sections/SecureSection.vue | 11 +- layouts/default.vue | 35 +- locales/en-US.json | 2 +- nuxt.config.ts | 2 +- package.json | 4 +- pnpm-lock.yaml | 2539 ++++++++++------------ 26 files changed, 1297 insertions(+), 2247 deletions(-) delete mode 100644 components/ArrowButton.vue delete mode 100644 components/CustomButton.vue delete mode 100644 components/IconWithText.vue delete mode 100644 components/RoundedIcon.vue delete mode 100644 components/TopBar.vue delete mode 100644 components/cards/ExplorerLink.vue delete mode 100644 components/cards/OutOfBoundariesCard.vue delete mode 100644 components/cards/TooltipBase.vue diff --git a/assets/styles/main.scss b/assets/styles/main.scss index 1b850530..558872f7 100644 --- a/assets/styles/main.scss +++ b/assets/styles/main.scss @@ -1,3 +1,5 @@ +@import url('wit-vue-ui/style.css'); + html { height: 100%; margin: 0; diff --git a/assets/styles/tailwind.css b/assets/styles/tailwind.css index bccc8166..8201f611 100644 --- a/assets/styles/tailwind.css +++ b/assets/styles/tailwind.css @@ -96,33 +96,6 @@ content: attr(data-text); } - /* Button */ - .btn { - @apply w-full py-sm px-md-alt cursor-pointer border-2 border-black-950; - } - .btn-primary { - @apply font-semibold rounded-full bg-wit-blue-500 hover:bg-wit-blue-400 text-black-950 focus:outline-none focus:ring focus:ring-wit-blue-500 focus:ring-opacity-80 shadow-[3px_7px_0px] shadow-black-950 hover:shadow-none hover:translate-x-xs hover:translate-y-xs ease-[cubic-bezier(0.25,0.4,0.55,1.4)] duration-75; - } - .btn-dark { - @apply font-semibold rounded-full bg-white-50 hover:bg-white-100 text-black-950 focus:outline-none focus:ring focus:ring-wit-blue-500 focus:ring-opacity-80 shadow-[3px_7px_0px] shadow-wit-blue-500 hover:shadow-none hover:translate-x-xs hover:translate-y-xs ease-[cubic-bezier(0.25,0.4,0.55,1.4)] duration-75; - } - .btn-secondary { - @apply font-semibold rounded-full bg-black-950 hover:bg-black-900 text-white-50 focus:outline-none focus:ring focus:ring-black-500 focus:ring-opacity-80 border-2 shadow-[3px_7px_0px] shadow-black-950; - } - .btn-terciary { - @apply font-semibold rounded-full border-white-50 bg-black-950 hover:bg-black-900 text-white-50 focus:outline-none focus:ring focus:ring-black-500 focus:ring-opacity-80 border-2; - white-space: nowrap; - } - .btn-disabled { - @apply cursor-not-allowed font-semibold rounded-full shadow-md bg-wit-blue-500 text-black-950 bg-opacity-80; - } - /* Navbar */ - .navbar-links { - @apply text-white-50 sm:bg-black-950; - } - .nav-link { - @apply text-black-950 sm:text-white-50; - } .section-description-max-w { @apply max-w-md-x-screen sm:max-w-max md:max-w-lg-x-screen; } diff --git a/components/ArrowButton.vue b/components/ArrowButton.vue deleted file mode 100644 index 0a921286..00000000 --- a/components/ArrowButton.vue +++ /dev/null @@ -1,37 +0,0 @@ - - - - - diff --git a/components/CustomButton.vue b/components/CustomButton.vue deleted file mode 100644 index 53de0f69..00000000 --- a/components/CustomButton.vue +++ /dev/null @@ -1,33 +0,0 @@ - - - - - diff --git a/components/FooterSection.vue b/components/FooterSection.vue index 47c7406a..e9f41226 100644 --- a/components/FooterSection.vue +++ b/components/FooterSection.vue @@ -1,114 +1,46 @@ - - - diff --git a/components/RoundedIcon.vue b/components/RoundedIcon.vue deleted file mode 100644 index 70213563..00000000 --- a/components/RoundedIcon.vue +++ /dev/null @@ -1,5 +0,0 @@ - diff --git a/components/SocialLinks.vue b/components/SocialLinks.vue index 61cb6165..a3b9f0c0 100644 --- a/components/SocialLinks.vue +++ b/components/SocialLinks.vue @@ -1,33 +1,10 @@ - - diff --git a/components/cards/BuildWithWitnet.vue b/components/cards/BuildWithWitnet.vue index 46931f4d..16b9a4e6 100644 --- a/components/cards/BuildWithWitnet.vue +++ b/components/cards/BuildWithWitnet.vue @@ -1,19 +1,23 @@ diff --git a/components/cards/OutOfBoundariesCard.vue b/components/cards/OutOfBoundariesCard.vue deleted file mode 100644 index 05207436..00000000 --- a/components/cards/OutOfBoundariesCard.vue +++ /dev/null @@ -1,98 +0,0 @@ - - - - - diff --git a/components/cards/TooltipBase.vue b/components/cards/TooltipBase.vue deleted file mode 100644 index 6dd694cf..00000000 --- a/components/cards/TooltipBase.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/components/cards/TutorialLink.vue b/components/cards/TutorialLink.vue index 96367823..dbca151e 100644 --- a/components/cards/TutorialLink.vue +++ b/components/cards/TutorialLink.vue @@ -1,6 +1,6 @@ - - diff --git a/components/sections/CoinSection.vue b/components/sections/CoinSection.vue index c52b3e97..46019903 100644 --- a/components/sections/CoinSection.vue +++ b/components/sections/CoinSection.vue @@ -3,7 +3,7 @@ id="stake" name="section" :frame-classes="'bg-black-950'" - :content-classes="'grid justify-items-center pt-[240px]'" + :content-classes="'grid justify-items-center [&&]:pt-[240px]'" > @@ -179,7 +159,9 @@ - - diff --git a/components/sections/ExploreSection.vue b/components/sections/ExploreSection.vue index 970a2129..26f2f9bb 100644 --- a/components/sections/ExploreSection.vue +++ b/components/sections/ExploreSection.vue @@ -23,16 +23,16 @@
-
@@ -40,6 +40,7 @@