fix: mobile rendering

fmorency · Dec 19, 2024 · dedc5e8 · dedc5e8
1 parent 3b4c899
commit dedc5e8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 9 deletions.
diff --git a/components/factory/components/DenomList.tsx b/components/factory/components/DenomList.tsx
@@ -301,7 +301,7 @@ export default function DenomList({
           }
           passHref
         >
-          <button className="btn btn-gradient w-[224px] h-[52px] text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
+          <button className="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
             Create New Token
           </button>
         </Link>
@@ -370,6 +370,21 @@ export default function DenomList({
           </div>
         )}
       </div>
+      <div className="mt-6  w-full justify-center md:hidden block">
+        <Link
+          href={
+            isGroup
+              ? `/factory/create?isGroup=${isGroup}&groupPolicyAddress=${admin}`
+              : '/factory/create'
+          }
+          passHref
+        >
+          <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
+            Create New Token
+          </button>
+        </Link>
+      </div>
+
       <DenomInfoModal
         openDenomInfoModal={modalType === 'info'}
         setOpenDenomInfoModal={open => {

diff --git a/components/groups/components/myGroups.tsx b/components/groups/components/myGroups.tsx
@@ -334,7 +334,7 @@ export function YourGroups({
               </table>
               <div className="flex item-center justify-between">
                 <Link href="/groups/create" passHref aria-label="Create new group">
-                  <button className="btn btn-gradient w-[224px] h-[52px] text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
+                  <button className="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
                     Create New Group
                   </button>
                 </Link>
@@ -403,15 +403,15 @@ export function YourGroups({
                   </div>
                 )}
               </div>
+              <div className="mt-6  w-full justify-center md:hidden block">
+                <Link href="/groups/create" passHref>
+                  <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
+                    Create New Group
+                  </button>
+                </Link>
+              </div>
             </div>
           </div>
-          <div className="mt-6  w-full justify-center md:hidden block">
-            <Link href="/groups/create" passHref>
-              <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
-                Create New Group
-              </button>
-            </Link>
-          </div>
         </div>
       </div>