about summary refs log tree commit diff
path: root/website/sandbox/learnpianochords/src/UI.elm
diff options
context:
space:
mode:
authorWilliam Carroll <wpcarro@gmail.com>2020-04-19T12·14+0100
committerWilliam Carroll <wpcarro@gmail.com>2020-04-19T12·14+0100
commit7b2163d804a67054b7ac1bf5d8eb047b39dd92d9 (patch)
tree090e120652e963529badf2cbf39f0d7e98ec9332 /website/sandbox/learnpianochords/src/UI.elm
parent2fe6d7a10c8656de9a2e08e187486625d23c3535 (diff)
Ensure the overlayButton is truly h-screen and w-screen
Now the "Tap to practice" button fully covers the screen.

- Dropped support for a Piano direction (for now)
- Using w-full and w-1/2 for piano key "length"
Diffstat (limited to 'website/sandbox/learnpianochords/src/UI.elm')
-rw-r--r--website/sandbox/learnpianochords/src/UI.elm8
1 files changed, 4 insertions, 4 deletions
diff --git a/website/sandbox/learnpianochords/src/UI.elm b/website/sandbox/learnpianochords/src/UI.elm
index dd0b7d2e0c7e..4fa8f65fb54c 100644
--- a/website/sandbox/learnpianochords/src/UI.elm
+++ b/website/sandbox/learnpianochords/src/UI.elm
@@ -132,13 +132,13 @@ overlayButton :
 overlayButton { label, handleClick, isVisible } =
     let
         classes =
-            [ "bg-red-600"
-            , "absolute"
+            [ "fixed"
             , "top-0"
             , "left-0"
-            , "h-screen"
-            , "w-screen"
+            , "block"
             , "z-30"
+            , "w-screen"
+            , "h-screen"
             ]
 
         extraClasses =