summaryrefslogtreecommitdiffstats
path: root/src/components/Toolbar
Commit message (Collapse)AuthorAgeFilesLines
* chore: animate toolbar entranceArmand Philippot2022-02-011-0/+8
|
* chore: add projects to main navArmand Philippot2022-01-201-5/+0
| | | | | | I redesign a little the main nav on small screens so it can takes two columns when the screen height is low. I change the 2xs breakpoint to 500px instead of 400px.
* feat: implement dark modeArmand Philippot2022-01-171-1/+1
|
* refactor(styles): rename shadow and border variablesArmand Philippot2022-01-161-3/+3
|
* chore(toolbar): close modals on click/focus outsideArmand Philippot2022-01-141-3/+77
|
* chore: replace theme button with settingsArmand Philippot2022-01-052-14/+46
| | | | | I plan to add more user settings so theme options should be inside settings.
* chore: add a theme toggleArmand Philippot2021-12-272-5/+23
| | | | Dark theme is not implemented yet.
* chore: move toolbar size to global scopeArmand Philippot2021-12-201-2/+3
| | | | It allows me to manage footer padding on small viewports.
* chore: define search form visibilityArmand Philippot2021-12-202-2/+59
|
* chore: add a button to open/close search in toolbarArmand Philippot2021-12-201-1/+18
|
* chore: add a toolbar componentArmand Philippot2021-12-202-0/+51
> fun; .icon { display: block; width: var(--icon-size, #{fun.convert-px(40)}); } .lock { fill: var(--color-bg); stroke: var(--color-primary-darker); stroke-width: 3; } .lines { fill: var(--color-fg); stroke-width: 4; } .seal-top { fill: var(--color-primary-lighter); stroke: var(--color-primary-darker); stroke-width: 2; } .seal-bottom { fill: var(--color-primary-lighter); stroke: var(--color-primary-darker); stroke-width: 2; } .diploma { fill: var(--color-bg); stroke: var(--color-primary-darker); stroke-width: 4; } .top { fill: var(--color-primary-lighter); stroke: var(--color-primary-darker); stroke-width: 4; } .handle { fill: var(--color-primary-lighter); stroke: var(--color-primary-darker); stroke-width: 3; } .bottom { fill: var(--color-primary); stroke: var(--color-primary-darker); stroke-width: 4; }