Update latest-invoices.tsx (#483)

* Update latest-invoices.tsx removed "lg:col-span-4" tailwind class since there's already "md:col-span-4" * Remove extra lg classnames --------- Co-authored-by: Delba de Oliveira <[email protected]>
vercel · Nov 28, 2023 · 069263d · 069263d · vercel · Nov 28, 2023
1 parent 10684e2
commit 069263d
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx b/dashboard/final-example/app/ui/dashboard/latest-invoices.tsx
@@ -7,7 +7,7 @@ export default async function LatestInvoices() {
   const latestInvoices = await fetchLatestInvoices();
 
   return (
-    <div className="flex w-full flex-col md:col-span-4 lg:col-span-4">
+    <div className="flex w-full flex-col md:col-span-4">
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Latest Invoices
       </h2>

diff --git a/dashboard/final-example/app/ui/skeletons.tsx b/dashboard/final-example/app/ui/skeletons.tsx
@@ -62,7 +62,7 @@ export function InvoiceSkeleton() {
 export function LatestInvoicesSkeleton() {
   return (
     <div
-      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4 lg:col-span-4`}
+      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4`}
     >
       <div className="mb-4 h-8 w-36 rounded-md bg-gray-100" />
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-100 p-4">

diff --git a/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx b/dashboard/starter-example/app/ui/dashboard/latest-invoices.tsx
@@ -9,7 +9,7 @@ export default async function LatestInvoices({
   latestInvoices: LatestInvoice[];
 }) {
   return (
-    <div className="flex w-full flex-col md:col-span-4 lg:col-span-4">
+    <div className="flex w-full flex-col md:col-span-4">
       <h2 className={`${lusitana.className} mb-4 text-xl md:text-2xl`}>
         Latest Invoices
       </h2>

diff --git a/dashboard/starter-example/app/ui/skeletons.tsx b/dashboard/starter-example/app/ui/skeletons.tsx
@@ -62,7 +62,7 @@ export function InvoiceSkeleton() {
 export function LatestInvoicesSkeleton() {
   return (
     <div
-      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4 lg:col-span-4`}
+      className={`${shimmer} relative flex w-full flex-col overflow-hidden md:col-span-4`}
     >
       <div className="mb-4 h-8 w-36 rounded-md bg-gray-100" />
       <div className="flex grow flex-col justify-between rounded-xl bg-gray-100 p-4">