diff --git a/frontend/src/App.css b/frontend/src/App.css index 64bc721..1b7399d 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -117,6 +117,10 @@ html { width: 89px; } +.test-example{ + padding: 2px; +} + .selectedOperator { background: white; border: 2px solid rgba(12, 16, 64, 0.606); @@ -975,20 +979,21 @@ h5 { } .ReactModal__Content--after-open { - width: 30vw; + width: 369px; + font-size: 12px; height: 29%; position: absolute !important; inset: 35% !important; border: 1px solid rgb(204, 204, 204) !important; - background: #e2842b !important; + background: #be5930 !important; overflow: auto !important; border-radius: 4px !important; outline: none !important; - padding: 20px !important; + padding: 16px !important; } .ReactModal__Content--after-open p { - font-size: 18px; + font-size: 16px; font-weight: normal; color: white; line-height: 30px; @@ -1002,6 +1007,28 @@ h5 { text-underline-offset: 1px; } + .ReactModal__Content--after-open { + width: 269px; + font-size: 12px; + height: fit-content; + position: absolute !important; + inset: 35% !important; + border: 1px solid rgb(204, 204, 204) !important; + background: #be5930 !important; + overflow: auto !important; + border-radius: 4px !important; + outline: none !important; + padding: 16px !important; + } + + .ReactModal__Content--after-open p { + font-size: 14px; + font-weight: normal; + color: white; + line-height: 20px; + padding: 2px; + } + .filters { padding: 4px; cursor: pointer; diff --git a/frontend/src/components/NavBar/Navbar.css b/frontend/src/components/NavBar/Navbar.css index c2aa00d..7f28e4a 100644 --- a/frontend/src/components/NavBar/Navbar.css +++ b/frontend/src/components/NavBar/Navbar.css @@ -381,7 +381,6 @@ display: inline; } - .buttonMenu { display: flex; width: 100%; @@ -586,7 +585,7 @@ justify-content: flex-end; align-content: center; flex-direction: row-reverse; - margin-top: 14px; + margin-bottom: -17px; } .menuContainer { @@ -780,7 +779,7 @@ .menuNav2 { background-color: #235c94; - height: 250px; + height: 269px; width: 161px; margin-top: 22px; border-radius: 9px; diff --git a/frontend/src/components/Verifier/Verifier.css b/frontend/src/components/Verifier/Verifier.css index 1d69f3e..3c6314c 100644 --- a/frontend/src/components/Verifier/Verifier.css +++ b/frontend/src/components/Verifier/Verifier.css @@ -255,3 +255,14 @@ h11 { left: 20px; } } + +@media (max-width: 800px) { + .inputVerifierUrl { + font-size: 12px; + width: 68vw; + height: 24px; + border: 1px solid #f0f5ff; + box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; +} + +}