feat: wip-experimentations

Author: Zaimwa9

frontend/tailwind.config.js

@@ -1,6 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
-  content: ['./web/**/*.{js,ts,jsx,tsx}', './common/**/*.{js,ts,jsx,tsx}'],
+  content: [
+    './web/components/**/*.{js,ts,jsx,tsx}',
+    './web/pages/**/*.{js,ts,jsx,tsx}',
+    './common/components/**/*.{js,ts,jsx,tsx}',
+  ],
   corePlugins: {
     preflight: false, // This allows to fix the headers by avoiding the default tailwind reset
   },
@@ -42,12 +46,12 @@ module.exports = {
           'primary-16': 'rgba(149, 108, 255, 0.16)',
           'primary-24': 'rgba(149, 108, 255, 0.24)',
           'primary-32': 'rgba(149, 108, 255, 0.32)',
-          'white-16': 'rgba(255, 255, 255, 0.16)',
           'primary-8': 'rgba(149, 108, 255, 0.08)',
+          'white-16': 'rgba(255, 255, 255, 0.16)',
           'white-24': 'rgba(255, 255, 255, 0.24)',
           'white-32': 'rgba(255, 255, 255, 0.32)',
-          'white-8': 'rgba(255, 255, 255, 0.08)',
           'white-48': 'rgba(255, 255, 255, 0.48)',
+          'white-8': 'rgba(255, 255, 255, 0.08)',
         },
 
         // Background colors
@@ -133,6 +137,7 @@ module.exports = {
 
         // Text colors
         text: {
+          DEFAULT: '#FF0000',
           'icon-grey': '#656d7b',
           'icon-light': '#ffffff',
           'icon-light-grey': 'rgba(157, 164, 174, 1)',

frontend/web/components/navigation/TabMenu/Tabs.tsx

@@ -170,7 +170,7 @@ const Tabs: React.FC<TabsProps> = ({
         </div>
         {overflow.length > 0 && !isMeasuring && (
           <div
-            className='d-flex align-items-center justify-content-center ms-2 flex-shrink-0'
+            className='d-flex align-items-center justify-content-center ms-2 flex-shrink-0 btn btn-secondary'
             style={{
               backgroundColor: 'var(--bs-light300)',
               borderRadius: 6,

frontend/web/components/navigation/navbars/OrganisationNavbar.tsx

@@ -16,7 +16,7 @@ const OrganisationNavbar: FC<OrganisationNavType> = ({}) => {
       gap={3}
       key={AccountStore.getOrganisation()?.id}
       containerClassName='px-2 pb-1 pb-md-0 pb-mb-0 bg-faint'
-      className='py-0 d-flex'
+      className='py-0 flex'
     >
       <NavSubLink
         icon={apps}

frontend/web/components/pages/UsersAndPermissionsPage.tsx

@@ -160,7 +160,7 @@ const UsersAndPermissionsInner: FC<UsersAndPermissionsInnerType> = ({
         json={users}
       />
       <JSONReference title={'Invite Links'} json={inviteLinks} />
-
+      <p>yolo</p>
       <FormGroup className='mt-4'>
         <div className='col-md-8'>
           <h5 className='mb-2'>Manage Users and Permissions</h5>