zaid.marzguioui/myeasycms-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update UI element size and change directory exclusion rule

Browse Source 
This commit modifies the size of sun and moon icons in the mode-toggle UI and simplifies the space usage of a flex container in the site header. Furthermore, it updates the path pattern for the directory exclusion rule in tailwind configuration to exclude node_module from all directories.
This commit is contained in:
giancarlo
2024-03-29 14:53:30 +08:00
parent 99db8f4ca4
commit a3a2f3f6a7
3 changed files with 5 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/app/(marketing)/_components/site-header.tsx
View File

@@ -18,10 +18,8 @@ export function SiteHeader(props: { user?: User | null }) {
<SiteNavigation /> <SiteNavigation />
</div> </div>
<div className={'flex flex-1 items-center justify-end space-x-4'}> <div className={'flex flex-1 items-center justify-end space-x-2'}>
<div className={'flex items-center'}> <ModeToggle />
<ModeToggle />
</div>
<SiteHeaderAccountSection user={props.user ?? null} /> <SiteHeaderAccountSection user={props.user ?? null} />
</div> </div>

4
packages/ui/src/makerkit/mode-toggle.tsx
View File

@@ -42,8 +42,8 @@ export function ModeToggle() {
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button variant="ghost" size="icon"> <Button variant="ghost" size="icon">
<Sun className="h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" /> <Sun className="h-[1rem] w-[1rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" />
<Moon className="absolute h-[1.2rem] w-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" /> <Moon className="absolute h-[1rem] w-[1rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" />
<span className="sr-only">Toggle theme</span> <span className="sr-only">Toggle theme</span>
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>

2
tooling/tailwind/index.ts
View File

@@ -6,7 +6,7 @@ export default {
content: [ content: [
'../../packages/**/*.tsx', '../../packages/**/*.tsx',
'../../apps/**/*.tsx', '../../apps/**/*.tsx',
'!./**/node_modules/**', '!**/node_modules',
], ],
theme: { theme: {
container: { container: {