mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-06 15:18:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

change header background to halfly opacit white and icon colors to orange, remove header bottom border

Browse source
This commit is contained in:
Niklas 2025-06-14 02:13:38 +02:00 • committed by BlankAccountsUsername
parent a8721fe16a
commit 62376d949e
3 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

6
code/frontend/src/components/header.tsx
View file

@ -15,11 +15,11 @@ function Header() {
return (
<div className="outest-container" >
<header className="base-header">
<div className="base-header-icon"> <img src='/assets/icons/feather_black.svg' alt="featherIcon" /> </div>
<p className="header-title small-title">
<div className="header-icon"> <img src='/assets/icons/feather_orange.svg' alt="featherIcon" /> </div>
<p className="header-title">
Feather Feed
</p>
<div className="header-icon"> {isOpen? <img src='/assets/icons/x.svg' alt="x" ref={iconRef} onClick={toggleMenu}/> : <img src='/assets/icons/three_menu_stripes_black.svg' alt="x" onClick={toggleMenu} />} </div>
<div className="header-icon"> {isOpen? <img src='/assets/icons/close_orange.svg' alt="close menu" ref={iconRef} onClick={toggleMenu}/> : <img src='/assets/icons/menu_orange.svg' alt="menu" onClick={toggleMenu} />} </div>
</header>
<Menu isOpen={isOpen} toggleMenu={toggleMenu} setIsOpen={setIsOpen} iconRef={iconRef}/>
</div>