+
+
setRange({ ...range, from })}
/>
- -
+
setRange({ ...range, to })}
/>
-
+
+
)
}
diff --git a/components/footer.js b/components/footer.js
index 1ab81a4..b593008 100644
--- a/components/footer.js
+++ b/components/footer.js
@@ -1,19 +1,12 @@
import React from 'react'
-import Card from 'react-bootstrap/Card'
-
export default function Footer() {
return (
Wir melden uns per E-Mail sobald die Buchung bestätigt ist.
+
+
Pfadi Bussle Buchen
-
- Pfadi Bussle Buchen
+
+ Pfadi Bussle Buchen
- Du willst das Pfadi Bussle buchen? Hier bist du richtig!
+
+ Du willst das Pfadi Bussle buchen? Hier bist du richtig!
+
-
-
)
}
diff --git a/postcss.config.js b/postcss.config.js
new file mode 100644
index 0000000..6f2d25c
--- /dev/null
+++ b/postcss.config.js
@@ -0,0 +1,18 @@
+module.exports = {
+ plugins: [
+ 'tailwindcss',
+ 'postcss-flexbugs-fixes',
+ [
+ 'postcss-preset-env',
+ {
+ autoprefixer: {
+ flexbox: 'no-2009',
+ },
+ stage: 3,
+ features: {
+ 'custom-properties': false,
+ },
+ },
+ ],
+ ],
+}
diff --git a/styles/index.css b/styles/index.css
new file mode 100644
index 0000000..e7e9826
--- /dev/null
+++ b/styles/index.css
@@ -0,0 +1,92 @@
+@tailwind base;
+
+/* Write your own custom base styles here */
+
+/* Start purging... */
+@tailwind components;
+/* Stop purging. */
+
+/* Start purging... */
+@tailwind utilities;
+/* Stop purging. */
+
+/* Your own custom utilities */
+
+.fsw {
+ @apply flex flex-wrap -mx-3 mb-2;
+}
+
+.fs {
+ @apply w-full px-3 mb-2;
+}
+
+.flabel {
+ @apply block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2;
+}
+
+.input-text {
+ @apply appearance-none block bg-gray-100 text-gray-700 border rounded py-2 px-3 mb-3 leading-tight;
+}
+
+.input-text:disabled {
+ @apply bg-gray-300 cursor-not-allowed;
+}
+
+.input-text:focus {
+ @apply outline-none bg-white;
+}
+
+.input-text.input-changed:invalid {
+ @apply border-red-500;
+}
+
+.btn {
+ @apply font-bold py-2 px-4 rounded mx-2;
+}
+
+.btn:first-child {
+ @apply ml-0;
+}
+
+.btn-blue {
+ @apply bg-blue-500 text-white;
+}
+
+.btn-blue:hover {
+ @apply bg-blue-700;
+}
+
+.btn-gray {
+ @apply bg-gray-500 text-white;
+}
+
+.btn-gray:hover {
+ @apply bg-gray-700;
+}
+
+/*@screen md {
+ .fs {
+ @apply w-1/2 mb-0;
+ }
+}*/
+
+.datepicker
+ .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
+ background-color: #f0f8ff !important;
+ color: #4a90e2;
+}
+.datepicker .DayPicker-Day {
+ border-radius: 0 !important;
+}
+.datepicker .DayPicker-Day--start {
+ border-top-left-radius: 50% !important;
+ border-bottom-left-radius: 50% !important;
+}
+.datepicker .DayPicker-Day--end {
+ border-top-right-radius: 50% !important;
+ border-bottom-right-radius: 50% !important;
+}
+.datepicker .DayPicker-Day--dayBooked:not(.DayPicker-Day--outside) {
+ color: #505050;
+ background-color: #fcc;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..5f59174
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,12 @@
+module.exports = {
+ purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'],
+ theme: {
+ extend: {
+ colors: {
+ 'accent-1': '#333',
+ },
+ },
+ },
+ variants: {},
+ plugins: [],
+}