fix style

TogetherCrew · Jan 19, 2024 · e3f8e16 · e3f8e16
1 parent f353b41
commit e3f8e16
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 29 deletions.
diff --git a/src/components/centric/selectCommunity/TcSelectCommunity.tsx b/src/components/centric/selectCommunity/TcSelectCommunity.tsx
@@ -111,6 +111,7 @@ function TcSelectCommunity() {
         text="Continue"
         className="secondary"
         variant="contained"
+        sx={{ width: '15rem', padding: '0.5rem' }}
         disabled={!activeCommunity}
         onClick={handleSelectedCommunity}
       />
@@ -124,6 +125,7 @@ function TcSelectCommunity() {
       <TcButton
         startIcon={<BsPlus />}
         text="Create"
+        sx={{ width: '15rem', padding: '0.5rem' }}
         variant="outlined"
         onClick={() => router.push('/centric/create-new-community')}
       />

diff --git a/src/components/communitySettings/platform/TcPlatform.tsx b/src/components/communitySettings/platform/TcPlatform.tsx
@@ -165,6 +165,7 @@ function TcPlatform({ platformName = 'Discord' }: TcPlatformProps) {
             <TcButton
               text="Confirm Changes"
               variant="contained"
+              sx={{ width: '15rem', padding: '0.5rem' }}
               onClick={handlePatchCommunity}
             />
           </div>

diff --git a/src/components/communitySettings/platform/TcPlatformChannelDialog.tsx b/src/components/communitySettings/platform/TcPlatformChannelDialog.tsx
@@ -69,6 +69,7 @@ function TcPlatformChannelDialog() {
           <TcButton
             text={'Save Channels'}
             variant="contained"
+            sx={{ width: '15rem', padding: '0.5rem' }}
             onClick={() => setOpenDialog(false)}
           />
         </div>

diff --git a/src/components/global/CustomTab.tsx b/src/components/global/CustomTab.tsx
@@ -48,6 +48,25 @@ function CustomTab({
                   width: '50%',
                   padding: '0',
                 },
+                textTransform: 'none',
+                borderRadius: '10px 10px 0 0',
+                padding: '8px 24px',
+                gap: '10px',
+                borderBottom: 'none',
+                '&.Mui-selected': {
+                  background: '#804EE1',
+                  color: 'white',
+                  border: 0,
+                  borderBottom: 'none',
+                },
+                '&$selected': {
+                  borderBottom: 'none',
+                },
+                '&:not(.Mui-selected)': {
+                  backgroundColor: '#EDEDED',
+                  color: '#222222',
+                },
+                selected: {},
               }}
             />
           ))}

diff --git a/src/pages/centric/create-new-community.tsx b/src/pages/centric/create-new-community.tsx
@@ -98,6 +98,7 @@ function CreateNewCommunity() {
             <TcButton
               text="Create community"
               variant="contained"
+              sx={{ width: '15rem', padding: '0.5rem' }}
               color="secondary"
               disabled={!readTermsAndCondition}
               onClick={() => handleCreateNewCommunitie()}

diff --git a/src/pages/centric/index.tsx b/src/pages/centric/index.tsx
@@ -23,6 +23,7 @@ function Index() {
             <div className="block">
               <TcButton
                 text={'Log in with Discord'}
+                sx={{ width: '15rem', padding: '0.5rem' }}
                 variant="contained"
                 onClick={() => discordAuthorization()}
               />

diff --git a/src/pages/centric/tac.tsx b/src/pages/centric/tac.tsx
@@ -96,6 +96,7 @@ function Tac() {
               <TcButton
                 text={'Continue'}
                 variant="contained"
+                sx={{ width: '15rem', padding: '0.5rem' }}
                 disabled={!acceptPrivacyAndPolicy}
                 onClick={() => handleAcceptTerms()}
               />

diff --git a/src/utils/theme.ts b/src/utils/theme.ts
@@ -14,10 +14,6 @@ export const theme = createTheme({
   components: {
     MuiButton: {
       styleOverrides: {
-        // sizeMedium: {
-        //   width: '15rem',
-        //   padding: '0.5rem',
-        // },
         root: {
           textTransform: 'none',
           borderRadius: '4px',
@@ -109,31 +105,7 @@ export const theme = createTheme({
       },
     },
     MuiTab: {
-      styleOverrides: {
-        // root: {
-        //   textTransform: 'none',
-        //   borderRadius: '10px 10px 0 0',
-        //   padding: '8px 24px',
-        //   width: '214px',
-        //   height: '40px',
-        //   gap: '10px',
-        //   borderBottom: 'none',
-        //   '&.Mui-selected': {
-        //     background: '#804EE1',
-        //     color: 'white',
-        //     border: 0,
-        //     borderBottom: 'none',
-        //   },
-        //   '&$selected': {
-        //     borderBottom: 'none',
-        //   },
-        //   '&:not(.Mui-selected)': {
-        //     backgroundColor: '#EDEDED',
-        //     color: '#222222',
-        //   },
-        //   selected: {},
-        // },
-      },
+      styleOverrides: {},
     },
   },
 });