style

barbalex · May 14, 2024 · f173c18 · f173c18
1 parent ed3cf58
commit f173c18
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 4 deletions.
diff --git a/src/components/404.jsx b/src/components/404.jsx
@@ -22,6 +22,7 @@ const InnerContainer = styled.div`
   position: absolute;
   top: 0;
   overflow-y: auto;
+  scrollbar-width: thin;
   /* prevent layout shift when scrollbar appears */
   scrollbar-gutter: stable;
   color: black !important;
@@ -53,7 +54,10 @@ const PageTitle = styled(Typography)`
   padding-top: 15px;
   padding-bottom: 0;
   font-weight: 700 !important;
-  text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white,
+  text-shadow:
+    2px 2px 3px white,
+    -2px -2px 3px white,
+    2px -2px 3px white,
     -2px 2px 3px white;
   @media (min-width: 700px) {
     padding-top: 20px;
@@ -72,7 +76,10 @@ const TextContainer = styled.div`
   display: flex;
   justify-content: center;
   font-weight: 700 !important;
-  text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white,
+  text-shadow:
+    2px 2px 3px white,
+    -2px -2px 3px white,
+    2px -2px 3px white,
     -2px 2px 3px white;
 `
 const Text = styled(Typography)`
@@ -81,7 +88,10 @@ const Text = styled(Typography)`
   font-weight: 700 !important;
 `
 const StyledButton = styled(Button)`
-  text-shadow: 2px 2px 3px white, -2px -2px 3px white, 2px -2px 3px white,
+  text-shadow:
+    2px 2px 3px white,
+    -2px -2px 3px white,
+    2px -2px 3px white,
     -2px 2px 3px white;
   border-color: white !important;
   margin-top: 10px !important;

diff --git a/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx b/src/components/Projekte/Daten/TpopkontrzaehlEinheitWerte/index.jsx
@@ -23,6 +23,7 @@ const Container = styled.div`
 `
 const FieldsContainer = styled.div`
   overflow-y: auto;
+  scrollbar-width: thin;
 `
 const FormContainer = styled.div`
   padding: 10px;

diff --git a/src/components/Projekte/Daten/User/index.jsx b/src/components/Projekte/Daten/User/index.jsx
@@ -38,6 +38,7 @@ const Container = styled.div`
 `
 const ScrollContainer = styled.div`
   overflow-y: auto;
+  scrollbar-width: thin;
 `
 const StyledForm = styled.div`
   padding: 10px;

diff --git a/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx b/src/components/Projekte/Karte/layers/Gemeinden_WMS.jsx
@@ -20,6 +20,7 @@ const StyledPopupContent = styled.div`
 `
 const PopupContainer = styled.div`
   overflow: auto;
+  scrollbar-width: thin;
   max-height: ${(props) => `${props.maxheight}px`};
   span {
     font-size: x-small !important;

diff --git a/src/main.jsx b/src/main.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import { registerSW } from 'virtual:pwa-register'
 
-import App from './App'
+import App from './App.jsx'
 
 // https://vite-pwa-org.netlify.app/guide/auto-update.html
 registerSW({ immediate: true })