fix: stylings on dashboard frame

Liliatan · Sep 6, 2022 · 950699f · 950699f
1 parent 7a41a47
commit 950699f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/app/components/CardList.tsx b/app/components/CardList.tsx
@@ -1,8 +1,6 @@
 // --- React Methods
 import React, { useContext, useEffect, useRef, useState } from "react";
 
-import { LoadingCard } from "./LoadingCard";
-
 import { PLATFORMS, PlatformSpec } from "../config/platforms";
 import { PlatformGroupSpec, STAMP_PROVIDERS } from "../config/providers";
 

diff --git a/app/pages/Dashboard.tsx b/app/pages/Dashboard.tsx
@@ -122,8 +122,8 @@ export default function Dashboard() {
         </div>
       )}
 
-      <div className="flex w-full flex-wrap-reverse px-2 md:mt-4 md:flex-wrap md:px-10">
-        <div className="md:w-3/4">
+      <div className="flex flex-wrap-reverse container mx-auto px-2 md:mt-4 md:flex-wrap">
+        <div className="md:w-3/5">
           <p className="mb-4 text-2xl text-black">My Stamps</p>
           <p className="text-xl text-black">
             Select the decentralized identity verification stamps you&apos;d like to connect to.
@@ -148,7 +148,7 @@ export default function Dashboard() {
             )}
           </div>
         )}
-        <div className="w-full md:w-1/4">
+        <div className="w-full md:w-2/5">
           {isLoadingPassport == IsLoadingPassportState.FailedToConnect && retryModal}
           {viewerConnection.status !== "connecting" &&
             (passport ? (