Show balance on large screens only.

Unipisa · Dec 3, 2024 · 6891fb1 · 6891fb1
1 parent 150b678
commit 6891fb1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/app/components/Balance.tsx b/app/components/Balance.tsx
@@ -19,7 +19,7 @@ export default function Balance() {
     if (loading) return <Loading />
     if (error) return <Error error={error}/>
     return <div>
-      <p>Bilancio: <Amount prefix="€" cents={data.balance.cents}/> (<b>{data.balance.count}</b> caffè)</p>
+      <p>Bilancio complessivo: <Amount prefix="€" cents={data.balance.cents}/> (<b>{data.balance.count}</b> caffè)</p>
     </div>
   }
 
diff --git a/app/page.tsx b/app/page.tsx
@@ -16,8 +16,10 @@ export default function Home() {
 function Dashboard() {
   return <main>
     <CoffeeForm />
-    <Credit />
-    <Balance />
+    <div className='flex justify-between'>
+      <Credit />
+      <div className="hidden sm:block"><Balance /></div>
+    </div>
     <Transactions />
   </main>
 }