feat: feedback changes (#49)

* feat: feedback changes * feat: branding changes * feat: guitar pick * feat: remove guitar pick add max width config Co-authored-by: anshul-pinto0410 <[email protected]>
ClearTax · Nov 25, 2020 · e1b3288 · e1b3288
1 parent f87555b
commit e1b3288
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -42,3 +42,4 @@ select {
         @apply lil-px-6;
     }
 }
+
diff --git 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
@@ -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
@@ -154,6 +154,9 @@ module.exports = {
       tight: 1.2,
       loose: 1.5,
     },
+    maxWidth:{
+      'screen-xl': "1440px", 
+    },
     opacity: {
       0: "0",
       25: "0.25",