fix(PopUp && InfoPopUp): fix padding issues

Magic-Fishes · Jan 21, 2024 · a1bdf3a · a1bdf3a
1 parent fe64d9b
commit a1bdf3a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/src/components/generic/PopUps/InfoPopUp.css b/src/components/generic/PopUps/InfoPopUp.css
@@ -106,8 +106,10 @@
     #info-pop-up-header {
         margin-inline: 10px;
     }
-
-    .close-button {
+    #pop-up-background:has(#info-pop-up) {
+        padding-inline: 15px;
+    }
+    #info-pop-up .close-button {
         right: 0;
     }
-}
+}
diff --git a/src/components/generic/PopUps/InfoPopUp.jsx b/src/components/generic/PopUps/InfoPopUp.jsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import PopUp from "./PopUp"
 
-import "./InfoPopUp.css"
+import "./InfoPopUp.css";
 
 const closingCooldown = 300; // milliseconds
 

diff --git a/src/components/generic/PopUps/PopUp.css b/src/components/generic/PopUps/PopUp.css
@@ -79,12 +79,6 @@ body:has(#bottom-sheet) {
     animation-fill-mode: forwards;
 }
 
-@media only screen and (max-width: 400px) {
-    #pop-up-background {
-        padding-inline: 15px;
-    }
-}
-
 @keyframes fade-in {
     from {
         background-color: rgba(0, 0, 0, 0);