progress
This commit is contained in:
parent
2cfaf2fb8a
commit
1de840fb78
3 changed files with 8 additions and 5 deletions
|
@ -1,8 +1,6 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { goto } from '$app/navigation';
|
import { goto } from '$app/navigation';
|
||||||
|
|
||||||
import IconNext from 'svelte-material-icons/ArrowRight.svelte'
|
|
||||||
|
|
||||||
function smoothScrollTo(elementId: string) {
|
function smoothScrollTo(elementId: string) {
|
||||||
const element = document.getElementById(elementId);
|
const element = document.getElementById(elementId);
|
||||||
if (element) {
|
if (element) {
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
/* layout */
|
/* layout */
|
||||||
.container {
|
.container {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: auto;
|
width: 100%;
|
||||||
scroll-snap-type: y mandatory;
|
scroll-snap-type: y mandatory;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,11 +2,11 @@
|
||||||
|
|
||||||
@media (max-width: 850px) {
|
@media (max-width: 850px) {
|
||||||
content {
|
content {
|
||||||
.content-container {
|
.container {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
.container {
|
.grid {
|
||||||
grid-template-columns: 6em 6em 6em 6em;
|
grid-template-columns: 6em 6em 6em 6em;
|
||||||
grid-template-rows: 6em 6em 6em;
|
grid-template-rows: 6em 6em 6em;
|
||||||
gap: 1em 1em;
|
gap: 1em 1em;
|
||||||
|
@ -27,6 +27,11 @@
|
||||||
.tip {
|
.tip {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 130%;
|
line-height: 130%;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.next {
|
||||||
|
background-size: 2em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue