fix(app): add border color (passportxyz#1237)

* fix(app): add border color * fix(app): overflow issue on mobile grid
dcictalireza · May 8, 2023 · dcb0055 · dcb0055
1 parent ca6b332
commit dcb0055
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/app/components/JsonOutputModal.tsx b/app/components/JsonOutputModal.tsx
@@ -57,6 +57,7 @@ export const JsonOutputModal = ({
         maxH="80%"
         background="var(--color-background-2)"
         textColor="var(--color-text)"
+        border="solid 1px var(--color-accent-2)"
       >
         <ModalHeader borderBottomWidth={2} borderBottomColor="var(--color-accent2)">
           <p className="font-miriam-libre text-color-1">{title}</p>

diff --git a/app/components/PageWidthGrid.tsx b/app/components/PageWidthGrid.tsx
@@ -16,7 +16,7 @@ const PageWidthGrid = ({
   unconstrainedWidth?: boolean;
 }) => (
   <div
-    className={`col-span-full grid w-full grid-cols-4 gap-4 justify-self-center md:grid-cols-6 md:gap-6 lg:grid-cols-8 xl:grid-cols-12 ${className} ${
+    className={`col-span-full grid w-full grid-cols-4 gap-4 justify-self-center overflow-x-hidden md:grid-cols-6 md:gap-6 lg:grid-cols-8 xl:grid-cols-12 ${className} ${
       nested ? "" : PAGE_PADDING
     } ${unconstrainedWidth || nested ? "" : CONTENT_MAX_WIDTH_INCLUDING_PADDING}`}
   >