fix tracks carousel width

IIITKalyaniFOSC · Jul 17, 2024 · 8fb6e78 · 8fb6e78
1 parent 025032a
commit 8fb6e78
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -5,6 +5,9 @@
   /* height: 100%; */
 }
 
+body {
+  background-color: #040842;
+}
 
 .logo {
   height: 6em;

diff --git a/src/components/Tracks/Tracks.jsx b/src/components/Tracks/Tracks.jsx
@@ -71,7 +71,7 @@ const Tracks = () => {
                     </div>
                     <div className="carousel flex items-center gap-5 h-fit self-end">
                         <img src={left_key} alt="" className='opacity-50 hover:opacity-100'onClick={() => {document.querySelector('.tracks-wrapper').scrollLeft -= 158}}/>
-                        <div className='tracks-wrapper flex gap-5 max-w-[480px] overflow-x-auto scroll-smooth no-scrollbar'>
+                        <div className='tracks-wrapper flex gap-5 lg:max-w-[480px] overflow-x-auto scroll-smooth no-scrollbar'>
                             {trackData.map((track) => (
                                 <div key={track.id} className="card min-w-24 sm:min-w-36 grid place-items-center relative" onClick={() => handleCardClick(track.id)}>
                                     <img src={track.card} alt="" className='opacity-70'/>
-Original file line number
+Diff line change
@@ Expand Up / @@ -5,6 +5,9 @@ @@
       /* height: 100%; */
     }
+    body {
+      background-color: #040842;
+    }
     .logo {
       height: 6em;
@@ Expand Down @@