chore: white logo

This commit is contained in:
Ibrahima G. Coulibaly
2025-07-09 01:58:47 +01:00
parent 0166cd6751
commit 992d7c4376
4 changed files with 20 additions and 23 deletions

37
.idea/workspace.xml generated
View File

@@ -4,18 +4,11 @@
<option name="autoReloadType" value="SELECTIVE" /> <option name="autoReloadType" value="SELECTIVE" />
</component> </component>
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="fix: tsc"> <list default="true" id="b30e2810-c4c1-4aad-b134-794e52cc1c7d" name="Changes" comment="chore: new logo and font">
<change afterPath="$PROJECT_DIR$/public/assets/fonts/quicksand/Quicksand-VariableFont_wght.ttf" afterDir="false" /> <change afterPath="$PROJECT_DIR$/src/assets/logo-white.png" afterDir="false" />
<change afterPath="$PROJECT_DIR$/public/assets/fonts/quicksand/quicksand-italic.ttf" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" /> <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/assets/fonts/plus-jakarta/PlusJakartaSans-Italic-VariableFont_wght.ttf" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/public/assets/fonts/plus-jakarta/PlusJakartaSans-VariableFont_wght.ttf" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/public/assets/fonts/plus-jakarta/plus-jakarta.css" beforeDir="false" afterPath="$PROJECT_DIR$/public/assets/fonts/quicksand/quick-sand.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/assets/logo.png" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/logo.png" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/assets/logo.png" beforeDir="false" afterPath="$PROJECT_DIR$/src/assets/logo.png" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/Navbar/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Navbar/index.tsx" afterDir="false" /> <change beforePath="$PROJECT_DIR$/src/components/Navbar/index.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/Navbar/index.tsx" afterDir="false" />
<change beforePath="$PROJECT_DIR$/src/components/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/src/components/index.css" afterDir="false" />
</list> </list>
<option name="SHOW_DIALOG" value="false" /> <option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" /> <option name="HIGHLIGHT_CONFLICTS" value="true" />
@@ -264,7 +257,7 @@
"git-widget-placeholder": "main", "git-widget-placeholder": "main",
"ignore.virus.scanning.warn.message": "true", "ignore.virus.scanning.warn.message": "true",
"kotlin-language-version-configured": "true", "kotlin-language-version-configured": "true",
"last_opened_file_path": "C:/Users/Ibrahima/IdeaProjects/omni-tools/public/assets/fonts/quicksand", "last_opened_file_path": "C:/Users/Ibrahima/IdeaProjects/omni-tools/src/assets",
"node.js.detected.package.eslint": "true", "node.js.detected.package.eslint": "true",
"node.js.detected.package.tslint": "true", "node.js.detected.package.tslint": "true",
"node.js.selected.package.eslint": "(autodetect)", "node.js.selected.package.eslint": "(autodetect)",
@@ -298,9 +291,9 @@
</component> </component>
<component name="RecentsManager"> <component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS"> <key name="CopyFile.RECENT_KEYS">
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src\assets" />
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\public\assets\fonts\quicksand" /> <recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\public\assets\fonts\quicksand" />
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\public\assets\fonts" /> <recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\public\assets\fonts" />
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src\assets" />
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src\pages\tools\json" /> <recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src\pages\tools\json" />
<recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src" /> <recent name="C:\Users\Ibrahima\IdeaProjects\omni-tools\src" />
</key> </key>
@@ -502,14 +495,6 @@
<workItem from="1749047510481" duration="879000" /> <workItem from="1749047510481" duration="879000" />
<workItem from="1751846528195" duration="4358000" /> <workItem from="1751846528195" duration="4358000" />
</task> </task>
<task id="LOCAL-00157" summary="refactor: use ToolContent">
<option name="closed" value="true" />
<created>1741543593426</created>
<option name="number" value="00157" />
<option name="presentableId" value="LOCAL-00157" />
<option name="project" value="LOCAL" />
<updated>1741543593427</updated>
</task>
<task id="LOCAL-00158" summary="fix: prettify json"> <task id="LOCAL-00158" summary="fix: prettify json">
<option name="closed" value="true" /> <option name="closed" value="true" />
<created>1741543732607</created> <created>1741543732607</created>
@@ -894,7 +879,15 @@
<option name="project" value="LOCAL" /> <option name="project" value="LOCAL" />
<updated>1751850152784</updated> <updated>1751850152784</updated>
</task> </task>
<option name="localTasksCounter" value="206" /> <task id="LOCAL-00206" summary="chore: new logo and font">
<option name="closed" value="true" />
<created>1752022118195</created>
<option name="number" value="00206" />
<option name="presentableId" value="LOCAL-00206" />
<option name="project" value="LOCAL" />
<updated>1752022118199</updated>
</task>
<option name="localTasksCounter" value="207" />
<servers /> <servers />
</component> </component>
<component name="TypeScriptGeneratedFilesManager"> <component name="TypeScriptGeneratedFilesManager">
@@ -941,7 +934,6 @@
<option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" /> <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="false" />
<option name="CHECK_NEW_TODO" value="false" /> <option name="CHECK_NEW_TODO" value="false" />
<option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" /> <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
<MESSAGE value="fix: stars button width for 1k+ " />
<MESSAGE value="feat: compress pdf" /> <MESSAGE value="feat: compress pdf" />
<MESSAGE value="refactor: compress pdf" /> <MESSAGE value="refactor: compress pdf" />
<MESSAGE value="refactor: lib" /> <MESSAGE value="refactor: lib" />
@@ -966,7 +958,8 @@
<MESSAGE value="chore: use scrollY" /> <MESSAGE value="chore: use scrollY" />
<MESSAGE value="chore: remove flip x and y" /> <MESSAGE value="chore: remove flip x and y" />
<MESSAGE value="fix: tsc" /> <MESSAGE value="fix: tsc" />
<option name="LAST_COMMIT_MESSAGE" value="fix: tsc" /> <MESSAGE value="chore: new logo and font" />
<option name="LAST_COMMIT_MESSAGE" value="chore: new logo and font" />
</component> </component>
<component name="VgoProject"> <component name="VgoProject">
<integration-enabled>false</integration-enabled> <integration-enabled>false</integration-enabled>

BIN
src/assets/logo-white.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 34 KiB

View File

@@ -6,6 +6,7 @@ import IconButton from '@mui/material/IconButton';
import MenuIcon from '@mui/icons-material/Menu'; import MenuIcon from '@mui/icons-material/Menu';
import { Link, useNavigate } from 'react-router-dom'; import { Link, useNavigate } from 'react-router-dom';
import logo from 'assets/logo.png'; import logo from 'assets/logo.png';
import logoWhite from 'assets/logo-white.png';
import { import {
Drawer, Drawer,
List, List,
@@ -119,7 +120,10 @@ const Navbar: React.FC<NavbarProps> = ({
}} }}
> >
<Link to="/"> <Link to="/">
<img src={logo} width={isMobile ? '120px' : '200px'} /> <img
src={theme.palette.mode === 'light' ? logo : logoWhite}
width={isMobile ? '120px' : '200px'}
/>
</Link> </Link>
{isMobile ? ( {isMobile ? (
<> <>