Merge pull request #1657 from thunderstore-io/report-package-modal-width

Adjust modal widths project-wide

Author: anttimaki

apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.css

@@ -134,12 +134,15 @@
     color: var(--color-text-tertiary);
   }
 
+  .navigation-login__modal {
+    max-width: min-content;
+  }
+
   .navigation-login {
     display: flex;
     flex-direction: column;
     gap: 2rem;
     align-items: center;
-    width: min-content;
     padding: var(--space-32);
   }
 

apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx

@@ -246,6 +246,7 @@ export function DesktopLoginPopover() {
           Log In
         </NewButton>
       }
+      contentClasses="navigation-login__modal"
     >
       <div className="navigation-login">
         <svg

apps/cyberstorm-remix/app/p/components/ReportPackage/ReportPackageModal.tsx

@@ -12,7 +12,6 @@ export function ReportPackageModal(props: ReportPackageModalProps) {
   return (
     <Modal
       titleContent="Report Package"
-      csSize="small"
       disableBody
       open={props.isOpen}
       onOpenChange={props.onOpenChange}

packages/cyberstorm/src/newComponents/Modal/Modal.css

@@ -22,6 +22,10 @@
     align-self: stretch;
     justify-content: center;
 
+    width: 100%;
+    min-width: 15rem;
+    max-width: 39rem;
+
     /* padding: var(--modal-content-padding); */
     border: var(--modal-border);
     border-radius: var(--modal-border-radius);