pusheed 4 changes

Franklynstein · Jul 31, 2024 · eebe52a · eebe52a
1 parent 0c2f2f1
commit eebe52a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/app/wallets/page.tsx b/src/app/wallets/page.tsx
@@ -45,7 +45,7 @@ export default async function Page({ params }: { params: { slug: string } }) {
             </div>
 
             <div id="content" className={`flex flex-col space-y-5 ${roots && roots.length > 0 ? 'md:flex-row md:space-x-5' : 'md:flex-col'} h-auto w-full py-5`}>
-                <section className='h-auto w-auto'>
+                <section className='h-auto w-full'>
                     <div>
                         <WalletList allWallets={walletsParsed} />
                     </div>

diff --git a/src/components/WalletList.tsx b/src/components/WalletList.tsx
@@ -162,8 +162,8 @@ const WalletList: React.FC<Props> = ({ allWallets }) => {
   const sortedWallets = filteredWallets.sort((a, b) => likes[b.title] - likes[a.title]);
 
   return (
-    <div className="flex flex-col md:flex-row">
-      <div className="wallet-filter w-[25%] relative">
+    <div className="flex flex-col w-full md:flex-row">
+      <div className="wallet-filter w-auto md:w-[30%] relative">
         <h2 className="text-4xl font-bold mb-6">
           Filters
           <button
@@ -180,7 +180,7 @@ const WalletList: React.FC<Props> = ({ allWallets }) => {
           />
         </div>
       </div>
-      <section className="h-auto w-[75%]">
+      <section className="h-auto w-auto">
         <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-4">
           {sortedWallets.map((wallet) => (
             <WalletItem