From 29580d29e163ae4c36bd644b0171df13c4cd576d Mon Sep 17 00:00:00 2001 From: Alex Beals Date: Fri, 21 Jun 2024 13:46:59 -0700 Subject: [PATCH] Proper build, cleaned up UI for selecting devices, better error messages --- css/main.css | 58 ++++++++++++++++++++-- html/index.html | 16 +++--- js/main.js | 122 ++++++++++++++++++++-------------------------- js/renderer.js | 39 ++++++++++++--- package-lock.json | 10 ++++ package.json | 1 + 6 files changed, 159 insertions(+), 87 deletions(-) diff --git a/css/main.css b/css/main.css index 0a9dbc5..8d7cb68 100644 --- a/css/main.css +++ b/css/main.css @@ -9,6 +9,47 @@ body { height: 100vh; } +.devices { + display: flex; + align-items: center; + + span { + font-size: 0.9em; + } + + .device { + border: none; + background-color: rgba(0, 0, 0, 0.04); + padding: 5px 10px; + border-radius: 4px; + margin: 0 5px; + cursor: pointer; + + transition: all 0.3s ease; + + i { + margin-right: 5px; + } + + &:hover { + background-color: rgba(0, 0, 0, 0.09); + } + } +} + +#refresh { + border: none; + background-color: transparent; + font-size: 1.1em; + font-family: 'SF Pro', -apple-system, system-ui, sans-serif; + cursor: pointer; + color: #272727; + + &:disabled { + cursor: none; + } +} + #content { display: flex; height: calc(100% - 51px); @@ -140,7 +181,10 @@ body { cursor: pointer; user-select: none; + color: #666666; + border-radius: 3px; + padding: 6px 4px; transition: all 0.4s ease; @@ -152,15 +196,11 @@ body { #back { top: 1px; right: 30px; - padding: 8px 4px 3px 4px; } #forward { - transform: rotate(180deg); - display: inline-block; right: 10px; top: 1px; - padding: 9px 3px 2px 4px; } .progress { @@ -176,6 +216,16 @@ body { } } +#no-results { + text-align: center; + margin-top: 20px; + color: #272727; + + &.hidden { + display: none; + } +} + @font-face { font-family: 'SF Pro'; font-style: normal; diff --git a/html/index.html b/html/index.html index 13d0fd5..e181524 100644 --- a/html/index.html +++ b/html/index.html @@ -4,22 +4,26 @@ Books Annotations +