hkri
/
number-slide
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve behavior for mobile.

This commit is contained in:
John Espiritu 2021-07-26 00:57:33 +08:00
parent 4c38e0cc6c
commit 6ddfa427ed
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
dist/app.css vendored
View File

@ -1,5 +1,6 @@
* { * {
outline: none; outline: none;
touch-action: manipulation;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
} }
@ -64,6 +65,7 @@ footer a:hover {
border-radius: 6px; border-radius: 6px;
padding: 0.7em 1.5em; padding: 0.7em 1.5em;
transition: all 0.12s ease-out; transition: all 0.12s ease-out;
font-size: 14px;
} }
#controls button:not([disabled]):hover { #controls button:not([disabled]):hover {
@ -73,7 +75,9 @@ footer a:hover {
} }
#stage { #stage {
position: relative;
margin: 4em auto 6em auto; margin: 4em auto 6em auto;
overflow: hidden;
} }
#stage section { #stage section {
@ -85,7 +89,6 @@ footer a:hover {
grid-template-columns: [c1] 33.33% [c2] 33.33% [c3] 33.33% [c-end]; grid-template-columns: [c1] 33.33% [c2] 33.33% [c3] 33.33% [c-end];
grid-template-rows: [r1] 33.33% [r2] 33.33% [r3] 33.33% [r-end]; grid-template-rows: [r1] 33.33% [r2] 33.33% [r3] 33.33% [r-end];
filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15)); filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.15));
overflow: hidden;
} }
#stage button { #stage button {

BIN
screenshot.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 18 KiB