diff --git a/dist/main.css b/dist/main.css index 6a337d2..c523bec 100644 --- a/dist/main.css +++ b/dist/main.css @@ -4843,6 +4843,11 @@ html.is-reveal-open { width: 2rem; height: 2rem; border: 2px solid black; } + @media print, screen and (min-width: 50em) { + .present .present-checkbox div { + margin-top: 2.8rem; + width: 1.5rem; + height: 1.5rem; } } .present .present-checkbox div::after { position: absolute; top: -1rem; @@ -4854,11 +4859,17 @@ html.is-reveal-open { background-image: url(/img/check.png); background-size: 100% 100%; } .present .present-image { - width: 10rem; - height: 10rem; object-fit: contain; - padding-left: 1.3rem; - padding-right: 1.3rem; } + width: 7rem; + height: 7rem; + padding-left: 1rem; + padding-right: 1rem; } + @media print, screen and (min-width: 50em) { + .present .present-image { + width: 10rem; + height: 10rem; + padding-left: 1.3rem; + padding-right: 1.3rem; } } .present .present-name { font-weight: bold; } @@ -4944,7 +4955,7 @@ html.is-reveal-open { width: 80%; max-height: 80%; overflow: auto; - padding: 2rem 3rem; + padding: 2rem 1rem; background: #d7c9ac; } @font-face { diff --git a/src/client/sass/_geschenke.scss b/src/client/sass/_geschenke.scss index e61a026..2e884d6 100644 --- a/src/client/sass/_geschenke.scss +++ b/src/client/sass/_geschenke.scss @@ -9,13 +9,21 @@ .present-checkbox { height: 10rem; + div { position: relative; + margin-top: 4rem; width: 2rem; height: 2rem; + @include breakpoint(medium) { + margin-top: 2.8rem; + width: 1.5rem; + height: 1.5rem; + } border: 2px solid black; - &::after{ + + &::after { position: absolute; top: -1rem; left: -0.5rem; @@ -24,18 +32,27 @@ content: "" } } - &.checked div::after{ + + &.checked div::after { background-image: url("../img/check.png"); background-size: 100% 100%; } } .present-image { - width: 10rem; - height: 10rem; object-fit: contain; - padding-left: 1.3rem; - padding-right: 1.3rem; + + width: 7rem; + height: 7rem; + padding-left: 1rem; + padding-right: 1rem; + + @include breakpoint(medium) { + width: 10rem; + height: 10rem; + padding-left: 1.3rem; + padding-right: 1.3rem; + } } .present-name { diff --git a/src/client/sass/_tagesablauf.scss b/src/client/sass/_tagesablauf.scss index 82f7baa..d086541 100644 --- a/src/client/sass/_tagesablauf.scss +++ b/src/client/sass/_tagesablauf.scss @@ -111,7 +111,7 @@ $states: godi fingerfood foto sekt essen spiel dance; width: 80%; max-height: 80%; overflow: auto; - padding: 2rem 3rem; + padding: 2rem 1rem; background: $background-color; } } diff --git a/todo.txt b/todo.txt index 064280e..472037a 100644 --- a/todo.txt +++ b/todo.txt @@ -4,7 +4,4 @@ - Hotelname bei Unterkunft anpassen - E-Mail bei Herzlich Willkommen hinzufügen - E-Mailadresse von Melanie - Tagesablauf -- Geschenkliste synchronisieren -- Mobilansicht -- WinterSunrise ß bei Spiel und Spaß unter Tagesablauf -- Navbar Größe ändern? \ No newline at end of file +- Geschenkliste synchronisieren \ No newline at end of file