diff --git a/src/components/galerie.svelte b/src/components/galerie.svelte index 10e6210..807f7ed 100644 --- a/src/components/galerie.svelte +++ b/src/components/galerie.svelte @@ -43,7 +43,7 @@
-
+
click('all')}>Všechny click('hudba')}>Hudba click('human')}>Humanitní diff --git a/static/main.css b/static/main.css index 752a205..d95ae00 100644 --- a/static/main.css +++ b/static/main.css @@ -129,14 +129,14 @@ canvas { font-weight: bold; cursor: pointer; box-sizing: content-box; - padding: 6px 8px; + padding: 2px 12px; } .horizontal-menu a:hover, .horizontal-menu span:hover { - border: solid 4px var(--color-primary); + outline: solid 4px var(--color-primary); opacity: 1 !important; - padding: 2px 4px; color: var(--color-primary); + background-image: none; } .horizontal-menu.no-underline span { text-decoration: none !important; @@ -299,6 +299,11 @@ canvas { text-decoration: none; margin-right: 2em; } +.corner span { + background-image: url("/svg/zobacek.svg"); + background-repeat: no-repeat; + background-position: left bottom; +} .panel .btn .menu-btn { left: auto; top: auto; diff --git a/static/main.styl b/static/main.styl index d701787..5a9f27a 100644 --- a/static/main.styl +++ b/static/main.styl @@ -125,12 +125,12 @@ body > canvas font-weight: bold cursor pointer box-sizing: content-box - padding: 6px 8px + padding: 2px 12px &:hover - border: solid 4px var(--color-primary) + outline: solid 4px var(--color-primary) opacity: 1 !important - padding: 2px 4px color: var(--color-primary) + background-image: none &.no-underline span text-decoration none !important @@ -279,6 +279,10 @@ body > canvas text-decoration none margin-right: 2em +.corner span + background-image: url("/svg/zobacek.svg") + background-repeat: no-repeat + background-position: left bottom .panel .btn .menu-btn { left: auto;