fix format

coinbase · Oct 16, 2024 · 6a472fd · 6a472fd
1 parent 4b72158
commit 6a472fd
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
@@ -1,7 +1,7 @@
 export function Banner() {
   return (
     <div className="fixed top-0 left-0 flex h-14 xs:h-12 w-full flex-wrap items-center justify-center bg-black text-white">
-      <div className='justify-center flex h-full flex-wrap items-center text-center text-sm xs:text-lg'>
+      <div className="flex h-full flex-wrap items-center justify-center text-center text-sm xs:text-lg">
         This is a demo site. These products are not for sale.
       </div>
     </div>

diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -32,7 +32,7 @@ export default function Navbar() {
   }, []);
 
   return (
-    <header className='-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-white'>
+    <header className="-mx-[50vw] fixed top-14 xs:top-12 right-1/2 left-1/2 h-11 w-screen border-gray-200 border-b bg-white">
       <div className="mx-auto max-w-7xl px-4 py-3 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between">
           <div className="flex items-center space-x-3">
@@ -55,7 +55,7 @@ export default function Navbar() {
         </div>
       </div>
       {isMenuOpen && (
-        <div className="md:hidden bg-white">
+        <div className="bg-white md:hidden">
           <ul className="space-y-2 px-4 py-2">
             <NavbarLink link={TEMPLATE_LINK} label="FORK THIS TEMPLATE" />
             <NavbarLink link={ONCHAINKIT_LINK} label="ONCHAINKIT" />

diff --git a/src/components/OnchainStore.tsx b/src/components/OnchainStore.tsx
@@ -8,10 +8,10 @@ import OnchainStoreSummary from './OnchainStoreSummary';
 export default function OnchainStore() {
   return (
     <OnchainStoreProvider>
-      <div className='flex h-full max-h-screen max-w-full flex-col px-1 font-sansMono'>
+      <div className="flex h-full max-h-screen max-w-full flex-col px-1 font-sansMono">
         <Banner />
         <Navbar />
-        <main className='mx-auto flex max-w-7xl grow flex-col pt-24 pb-10'>
+        <main className="mx-auto flex max-w-7xl grow flex-col pt-24 pb-10">
           <div className="flex grow flex-col pb-10 md:flex-row">
             <OnchainStoreSummary />
             <OnchainStoreItems />

diff --git a/src/components/OnchainStoreItem.tsx b/src/components/OnchainStoreItem.tsx
@@ -4,7 +4,7 @@ import QuantityInput from './QuantityInput';
 
 export default function OnchainStoreItem({ id, name, price, image }: Product) {
   return (
-    <div className='mx-auto flex max-w-[300px] flex-col sm:mx-0'>
+    <div className="mx-auto flex max-w-[300px] flex-col sm:mx-0">
       <div className="mb-1 flex items-start justify-between">
         <h2 className="font-regular text-xs">{name}</h2>
         <p className="font-regular text-xs">{price.toFixed(2)} USDC</p>