new button image

muckelba · Nov 9, 2023 · a178cdb · a178cdb
1 parent b0268ff
commit a178cdb
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/src/app.scss b/src/app.scss
@@ -26,17 +26,16 @@ button.setting-button {
 }
 
 .tutorial-button {
-  background-image: url("/sgvideothumbnail.jpg");
+  background-image: url("/button_bg.jpg");
   background-size: auto 250%;
   background-position: center;
-  position: relative;
 }
 
 .tutorial-button:hover {
-  filter: brightness(1.3);
+  filter: brightness(0.9);
 }
 
-.tutorial-button:hover .foo {
+.tutorial-button:active {
   filter: brightness(0.8);
 }
 

diff --git a/src/routes/superglidetrainer/+page.svelte b/src/routes/superglidetrainer/+page.svelte
@@ -674,9 +674,9 @@
                 </label>
                 <span class:has-text-grey-light={!$isController} class="label-right">Controller</span>
               </div>
-              <a class="button is-primary tutorial-button" href="https://www.youtube.com/watch?v=_cP1YO5Idts" target="_blank">
+              <a class="button is-size-5 is-primary tutorial-button" href="https://www.youtube.com/watch?v=_cP1YO5Idts" target="_blank">
                 <div class="transparent">
-                  <span class="foo">Superglide Tutorial Video</span>
+                  <strong>Superglide Tutorial Video</strong>
                 </div>
               </a>
             </div>

diff --git a/static/button_bg.jpg b/static/button_bg.jpg
diff --git a/static/sgvideothumbnail.jpg b/static/sgvideothumbnail.jpg