chore: fix dapp css

push-protocol · Jul 8, 2024 · c002f3d · c002f3d
1 parent 65f662f
commit c002f3d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx b/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx
@@ -4,7 +4,7 @@ import SendNotification from '../../components/Notification';
 
 const Dashboard: React.FC = () => {
   return (
-    <div className="p-20">
+    <div className="p-5 md:p-10 lg:p-20">
       <SendNotification />
     </div>
   );

diff --git a/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx b/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx
@@ -45,12 +45,12 @@ const PushScan: React.FC = () => {
   }, [address]);
 
   return (
-    <div className="p-4 mx-20 mb-10">
+    <div className="p-4 mx-5 md:mx-10 lg:mx-20 mb-10">
       {/* Header with Search Bar */}
       <header className="flex justify-center items-center text-center mb-4">
         <SearchBar />
       </header>
-      <h1 className="text-lg mb-4 pt-10 pb-5">
+      <h1 className="text-lg mb-4 pt-10 pb-5 break-words overflow-x-auto">
         PushScan Results for: <span className="font-bold">{address}</span>
       </h1>
       {data && (

diff --git a/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx b/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx
@@ -56,7 +56,7 @@ export default function Explorer() {
   }, []);
 
   return (
-    <div className="p-4 mx-20 mb-10">
+    <div className="p-4 mx-5 md:mx-10 lg:mx-20 mb-10">
       {/* Header with Search Bar */}
       <header className="flex justify-center items-center text-center mb-4">
         <SearchBar />
@@ -77,7 +77,7 @@ export default function Explorer() {
                   alt={`${notification.address} img`}
                 />
                 <div className="min-w-0 flex-auto">
-                  <p className="text-sm font-semibold leading-6 text-gray-900">
+                  <p className="text-sm font-semibold leading-6 text-gray-900 break-words overflow-x-auto">
                     {notification.address}
                   </p>
                 </div>
@@ -94,14 +94,14 @@ export default function Explorer() {
       </ul>
 
       <div className="mt-6 flex justify-end space-x-4">
-        {page > 1 && (
+        {/* {page > 1 && (
           <button
             onClick={() => setPage(page - 1)}
             className="rounded-md bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-300"
           >
             Previous Page
           </button>
-        )}
+        )} */}
         {/* {page * size < total && (
           <button
             onClick={handleNextPage}