kamen
/
graphicek
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Filter toggle styling improvements

This commit is contained in:
Jan Zípek 2022-09-04 10:57:05 +02:00
parent 2df3e2f716
commit 31bbe32056
Signed by: kamen
GPG Key ID: A17882625B33AC31
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/assets/pages/_dashboard-page.scss
View File

@ -95,6 +95,13 @@
display: flex; display: flex;
align-items: center; align-items: center;
cursor: pointer; cursor: pointer;
padding: 0.25rem 0.5rem;
margin: 0 0.5rem;
border: 1px solid var(--input-border-color);
background-color: var(--input-bg-color);
color: var(--input-fg-color);
border-radius: var(--border-radius);
box-sizing: border-box;
> .svg-icon { > .svg-icon {
margin-left: 0.5rem; margin-left: 0.5rem;

2
client/src/pages/dashboard/components/DashboardHeader/DashboardHeader.tsx
View File

@ -86,9 +86,7 @@ export const DashboardHeader = () => {
<> <>
<DashboardSwitch /> <DashboardSwitch />
<button onClick={handleNewBox}>Add box</button> <button onClick={handleNewBox}>Add box</button>
<div className="spacer" />
<DashboardHeaderFilterToggle /> <DashboardHeaderFilterToggle />
<div className="spacer" />
<button onClick={handleRefresh}> <button onClick={handleRefresh}>
<RefreshIcon /> Refresh all <RefreshIcon /> Refresh all
</button> </button>