diff options
| author | Tim Keller <tjk@tjkeller.xyz> | 2025-05-05 21:23:30 -0500 |
|---|---|---|
| committer | Tim Keller <tjk@tjkeller.xyz> | 2025-05-05 21:23:30 -0500 |
| commit | bae5fe5501117df1b16da1aeb3355056d6882648 (patch) | |
| tree | 7e82d62543da8963dac1142cb5f4146be4b98d99 | |
| parent | 4c8231e7e3e46f61f4455843300f5d3f01c5a195 (diff) | |
| download | immich-frame-bae5fe5501117df1b16da1aeb3355056d6882648.tar.xz immich-frame-bae5fe5501117df1b16da1aeb3355056d6882648.zip | |
text on a link buttons
| -rw-r--r-- | public/index.html | 6 | ||||
| -rw-r--r-- | src/index.js | 1 | ||||
| -rw-r--r-- | src/slides.js | 1 | ||||
| -rw-r--r-- | src/style.css | 17 |
4 files changed, 19 insertions, 6 deletions
diff --git a/public/index.html b/public/index.html index ca02d57..5868d5d 100644 --- a/public/index.html +++ b/public/index.html @@ -46,9 +46,9 @@ <footer> <div id="bottom-container"> <div id="menu"> - <a href="/slideshow"><svg alt="Slideshow"><use xlink:href="#sprite-slideshow"></use></svg></a> - <a href="/albums"> <svg alt="Album Picker"><use xlink:href="#sprite-photo_album"></use></svg></a> - <a href="/settings"> <svg alt="Settings"><use xlink:href="#sprite-settings"></use></svg></a> + <a href="/slideshow"><svg><use xlink:href="#sprite-slideshow"></use></svg><span>Slideshow</span></a> + <a href="/albums"> <svg><use xlink:href="#sprite-photo_album"></use></svg><span>Albums</span></a> + <a href="/settings"> <svg><use xlink:href="#sprite-settings"></use></svg><span>Settings</span></a> </div> </div> </footer> diff --git a/src/index.js b/src/index.js index c7e5885..4324bb5 100644 --- a/src/index.js +++ b/src/index.js @@ -1,4 +1,5 @@ import "@fontsource/overpass" +import "@fontsource/overpass/500.css" import "./style.css" import ImmichConnector from "./immich.js" import Page from "./pages.js" diff --git a/src/slides.js b/src/slides.js index f61d1fa..149db98 100644 --- a/src/slides.js +++ b/src/slides.js @@ -65,4 +65,5 @@ export default function initSlides() { flkty.on("scroll", scroll) flkty.on("staticClick", staticClick) initImages() + return true } diff --git a/src/style.css b/src/style.css index 11ecba4..98d3fda 100644 --- a/src/style.css +++ b/src/style.css @@ -88,13 +88,24 @@ footer { #menu { a { + display: flex; + color: white; + align-items: center; + justify-content: center; + text-decoration: none; width: 100%; - padding: 12px; - svg { height: 24px } + gap: 1rem; + svg { height: 24px; width: 24px } + span { + font-size: .875rem; + line-height: 1.25rem; + font-weight: 500; + } } display: flex; width: 100%; - padding: 16px; + padding: 1rem; + gap: 2ex; box-sizing: border-box; border-top: 1px solid rgb(55, 65, 81); } |