rt/wrolpi
1
0
Fork 0
mirror of https://github.com/lrnselfreliance/wrolpi.git synced 2026-10-26 19:01:39 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Changing menu bar color to violet.

Browse source
This commit is contained in:
Roland 2023-04-06 11:12:43 -06:00
parent d3756ae33b
commit d00c722a75
No known key found for this signature in database
GPG key ID: 9D6DBD3ACF11AB93
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/src/components/Common.js
View file

@ -1,5 +1,5 @@
import React, {useContext, useEffect, useState} from "react";
import {Card, Container, IconGroup, Input, Modal, Pagination} from 'semantic-ui-react';
import {Card, Container, IconGroup, Input, Modal, Pagination, Icon as SIcon} from 'semantic-ui-react';
import {Link, NavLink, useNavigate} from "react-router-dom";
import Message from "semantic-ui-react/dist/commonjs/collections/Message";
import {useDirectories, useDownloads, useHotspot, useSettings, useThrottle} from "../hooks/customHooks";
@ -779,7 +779,8 @@ export function DarkModeToggle() {
iconName = 'sun';
}
return <Icon
return <SIcon
inverted
name={iconName}
onClick={cycleSavedTheme}
style={{cursor: 'pointer'}}

5
app/src/components/Nav.js
View file

@ -58,7 +58,6 @@ export function NavBar() {
const wrolpiIcon = <img src='/icon.svg' height='32px' width='32px' alt='WROLPi Home Icon'/>;
const name = NAME || wrolpiIcon;
const topNavText = wrol_mode ? <>{name}&nbsp; <Icon name='lock'/></> : name;
const {i} = useContext(ThemeContext);
const homeLink = <NavLink className='item' to='/' style={{paddingTop: 0, paddingBottom: 0}}>
{topNavText}
@ -70,7 +69,7 @@ export function NavBar() {
return <>
<Media at='mobile'>
<Menu {...i} attached='top'>
<Menu attached='top' inverted color='violet'>
{homeLink}
<Menu.Menu position='right'>
{icons}
@ -83,7 +82,7 @@ export function NavBar() {
</Menu>
</Media>
<Media greaterThanOrEqual='tablet'>
<Menu {...i} attached='top'>
<Menu attached='top' inverted color='violet'>
{homeLink}
{links.map(i => <MenuLink link={i} key={i.key}/>)}