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

feat: change icon buttons styling for browser navbar

Browse Source
This commit is contained in:
RohitR311
2025-01-08 21:57:37 +05:30
parent 91c42b84d7
commit 589c4902a4
1 changed files with 0 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/molecules/BrowserNavBar.tsx
View File

@@ -13,18 +13,6 @@ import { getCurrentUrl } from "../../api/recording";
import { useGlobalInfoStore } from '../../context/globalInfo'; import { useGlobalInfoStore } from '../../context/globalInfo';
import { useThemeMode } from '../../context/theme-provider'; import { useThemeMode } from '../../context/theme-provider';
// const StyledNavBar = styled.div<{ browserWidth: number; isDarkMode: boolean }>`
// display: flex;
// align-items: center;
// padding: 10px 20px;
// background-color: ${({ isDarkMode }) => (isDarkMode ? '#2C2F33' : '#F5F5F5')};
// width: ${({ browserWidth }) => `${browserWidth}px`};
// border-radius: 0px 0px 8px 8px;
// box-shadow: ${({ isDarkMode }) => (isDarkMode ? '0px 2px 10px rgba(0, 0, 0, 0.2)' : '0px 2px 10px rgba(0, 0, 0, 0.1)')};
// transition: background-color 0.3s ease, box-shadow 0.3s ease;
// margin-bottom: 15px;
// `;
const StyledNavBar = styled.div<{ browserWidth: number; isDarkMode: boolean }>` const StyledNavBar = styled.div<{ browserWidth: number; isDarkMode: boolean }>`
display: flex; display: flex;
padding: 12px 0px; padding: 12px 0px;