vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: tab border radius

Browse Source
This commit is contained in:
karishmas6
2024-10-19 04:23:08 +05:30
parent 344293ff44
commit 24877d1d4a
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/molecules/BrowserTabs.tsx
View File

@@ -46,7 +46,12 @@ export const BrowserTabs = (
<Tab <Tab
key={`tab-${index}`} key={`tab-${index}`}
id={`tab-${index}`} id={`tab-${index}`}
sx={{ background: 'white' }} sx={{
background: 'white',
borderTopLeftRadius: index === 0 ? '20px' : 0, // For the first tab
borderTopRightRadius: index === tabs.length - 1 ? '20px' : 0, // For the last tab
transition: 'border-radius 0.2s ease',
}}
icon={<CloseButton closeTab={() => { icon={<CloseButton closeTab={() => {
tabWasClosed = true; tabWasClosed = true;
handleCloseTab(index); handleCloseTab(index);
@@ -65,7 +70,7 @@ export const BrowserTabs = (
})} })}
</Tabs> </Tabs>
</Box> </Box>
<AddButton handleClick={handleAddNewTab} /> <AddButton handleClick={handleAddNewTab} style={{ background: 'white'}} />
</Box> </Box>
); );
} }