diff --git a/src/components/Branding/branding.css b/src/components/Branding/branding.css index 49356be..2c5d2d5 100644 --- a/src/components/Branding/branding.css +++ b/src/components/Branding/branding.css @@ -30,15 +30,15 @@ @screen sm { .lil-brand-text { - bottom: -4rem; + bottom: -2rem; @apply lil-relative; } .lil-branding { - @apply lil-px-2 lil-mb-24 lil-pb-0; + @apply lil-px-2 lil-mb-24 lil-pb-0 lil-mt-0; } .lil-branding .lil-branding-triplet { - @apply lil-justify-between lil-w-full; + @apply lil-justify-between lil-w-full lil-my-4 lil-py-0; } } diff --git a/src/components/Common/common.css b/src/components/Common/common.css index f8a7710..9dfc52e 100644 --- a/src/components/Common/common.css +++ b/src/components/Common/common.css @@ -42,3 +42,4 @@ select { @apply lil-px-6; } } + diff --git a/src/components/Modal/modal.css b/src/components/Modal/modal.css index e351fbf..1eb9c9c 100644 --- a/src/components/Modal/modal.css +++ b/src/components/Modal/modal.css @@ -1,6 +1,6 @@ .lil-modal { max-height: 85%; - top: 12%; + top: 5%; @apply lil-z-500 lil-fixed lil-h-auto lil-m-auto lil-bg-white lil-overflow-auto lil-left-0 lil-right-0 lil-hidden; } @@ -13,5 +13,5 @@ } .lil-modal-overlay { - @apply lil-z-400 lil-bg-grey-250 lil-fixed lil-h-screen lil-w-screen lil-opacity-75 lil-top-0 lil-right-0 lil-bottom-0 lil-left-0 lil-hidden; + @apply lil-z-400 lil-bg-grey-250 lil-fixed lil-h-screen lil-w-screen lil-opacity-75 lil-top-0 lil-right-0 lil-bottom-0 lil-left-0 lil-hidden lil-overflow-auto; } diff --git a/src/components/Tabs/tabs.css b/src/components/Tabs/tabs.css index f0e3e0c..74f74ca 100644 --- a/src/components/Tabs/tabs.css +++ b/src/components/Tabs/tabs.css @@ -50,7 +50,7 @@ .lil-capsule-tabs { /* for capsule shape */ border-radius: 1000px; - @apply lil-bg-grey-425 lil-h-full lil-flex lil-overflow-x-auto; + @apply lil-bg-grey-150 lil-h-full lil-flex lil-overflow-x-auto; } .lil-capsule-tabs .lil-capsule-tab { /* for capsule shape */ diff --git a/tailwind.config.js b/tailwind.config.js index 5e4598b..476b71d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -154,6 +154,9 @@ module.exports = { tight: 1.2, loose: 1.5, }, + maxWidth:{ + 'screen-xl': "1440px", + }, opacity: { 0: "0", 25: "0.25",