From 5e4afbeea17fd7fc546fe46b3fe50b1e90380b8a Mon Sep 17 00:00:00 2001
From: haidner1 <haidner@live.de>
Date: Thu, 6 Oct 2022 17:11:49 +0200
Subject: [PATCH] =?UTF-8?q?@media-Regel=20eingef=C3=BCgt=20in=20Datei=20't?=
=?UTF-8?q?ermine.css'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/css/style.scss | 39 +------------------------------
src/css/termine.css | 54 +++++++++++++++++++++++++++++++++++++++++++
src/pages/termine.mdx | 2 +-
3 files changed, 56 insertions(+), 39 deletions(-)
create mode 100644 src/css/termine.css
diff --git a/src/css/style.scss b/src/css/style.scss
index effd9572a..9a072b207 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -112,31 +112,6 @@ img {
}
-.fitko-termine {
- text-align: center;
- min-height: 500px;
-}
-
-.fitko-termine-heading {
- text-align: center;
- height: 80px;
-}
-
-.fitko-termine-before-button {
- text-align: center;
- min-height: 140px;
-
-}
-
-
-.fitko-termine-after-button {
- text-align: center;
- min-height: 470px;
- margin-top: 25px;
-
-}
-
-
@media (min-width: 997px) {
.navbar__items--right [class^="searchBox"] {
position: right;
@@ -153,16 +128,4 @@ img {
margin-left: -60px;
margin-right: 0px;
}
-}
-
-@media (max-width:444px) {
-
- .fitko-termine-after-button {
- text-align: center;
- display: inline-block;
- height: 600px !important;
-
- }
-
-}
-
+}
\ No newline at end of file
diff --git a/src/css/termine.css b/src/css/termine.css
new file mode 100644
index 000000000..5875b63ad
--- /dev/null
+++ b/src/css/termine.css
@@ -0,0 +1,54 @@
+
+.fitko-termine {
+ text-align: center;
+ min-height: 500px;
+ }
+
+ .fitko-termine-heading {
+ text-align: center;
+ height: 80px;
+ }
+
+ .fitko-termine-before-button {
+ text-align: center;
+ min-height: 140px;
+
+ }
+
+
+ .fitko-termine-after-button {
+ text-align: center;
+ min-height: 280px;
+ margin-top: 25px;
+
+ }
+
+
+ @media screen and (max-width: 900px){
+ .fitko-termine {
+ text-align: center;
+ min-height: 500px;
+ }
+ }
+
+ @media screen and (max-width: 900px){
+
+ .fitko-termine-before-button {
+
+
+ height: 210px !important;
+
+ }
+
+ }
+
+ @media screen and (max-width: 900px){
+
+ .fitko-termine-after-button {
+
+
+ height: 600px !important;
+
+ }
+
+ }
\ No newline at end of file
diff --git a/src/pages/termine.mdx b/src/pages/termine.mdx
index e21739190..c6c3f4267 100644
--- a/src/pages/termine.mdx
+++ b/src/pages/termine.mdx
@@ -6,7 +6,7 @@ import MailToButtonTermine from '@components/MailToButtonTermine'
import BannerTermine from '@components/BannerTermine'
import CardTermine from '@components/CardTermine'
import MailToButton from '@components/MailToButton'
-import '../css/style.scss';
+import '../css/termine.css';
<header className="max-w-3xl mx-auto text-center pb-16">
<h1 className="h1 mb-4">Veranstaltungen</h1>
--
GitLab