Merge pull request #23 from leandrodalbo/grid-fix

fixing grid columns
leandrodalbo · Dec 30, 2024 · a51795d · a51795d
2 parents 1145c95 + 03de545
commit a51795d
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
@@ -15,8 +15,8 @@
   display: block;
   text-align: center;
   align-items: center;
-  margin-top: 3px;
-  padding: 10px 10px;
+  margin-top: 2px;
+  padding: 5px 5px;
   text-decoration: none;
   font-size: 1.8rem;
   text-transform: capitalize;

diff --git a/src/components/main-grid/MainGrid.tsx b/src/components/main-grid/MainGrid.tsx
@@ -9,7 +9,7 @@ export interface MainGridProps {
 const MainGrid = ({ data }: MainGridProps) => {
     return (
         <div className="overflow-x-auto">
-            <div data-testid="cards-grid" className="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-4 gap-4 p-4">
+            <div data-testid="cards-grid" className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 p-4">
                 {
                     data.map(it => <Link to={`/signal/${it.symbol}`} state={{ signal: it }} key={it.symbol}><SignalCard
                         data={it} /></Link>)

diff --git a/src/components/signal-detail/SignalDetail.tsx b/src/components/signal-detail/SignalDetail.tsx
@@ -26,7 +26,7 @@ export const SignalDetail = () => {
 
                 <div data-testid="indicators" className="mt-8">
                     <h3 className="text-[var(--highlight)] text-xl font-semibold text-primary-text mb-4">Indicators</h3>
-                    <div data-testid="indicators-grid" className="grid grid-cols-1 sm:grid-cols-2 gap-4">
+                    <div data-testid="indicators-grid" className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
                         {Object.entries(signal).map(([key, value]) => {
                             if (isDisplayable(key)) {
                                 return (