Small fixes

PleatherStarfish · Jan 16, 2025 · c4c379d · c4c379d
1 parent b2cc5b6
commit c4c379d
Show file tree

Hide file tree

Showing 5 changed files with 390 additions and 6 deletions.
diff --git a/backend/static/css/styles.css b/backend/static/css/styles.css
diff --git a/backend/static/js/main.bundle.js b/backend/static/js/main.bundle.js
diff --git a/backend/templates/pages/home.html b/backend/templates/pages/home.html
@@ -98,7 +98,7 @@ <h4 class="text-4xl font-semibold text-center font-display">{{ manufacturer_coun
   <div class="flex flex-col justify-between w-full h-full space-y-12 border-b border-gray-200 border-x about-section">
     <div style="padding: 1.5rem" class="items-center justify-between w-full h-full p-6 border-gray-200 info1-section">
         <div class="flex flex-col h-full gap-4 p-6 bg-gray-100 rounded-lg md:gap-6 md:flex-row">
-            <div class="flex flex-col justify-center w-full h-full gap-6 p-3 md:w-4/5 lg:w-3/5 lg:p-10">
+            <div class="flex flex-col justify-center w-full h-full gap-2 p-3 md:w-4/5 lg:w-3/5 lg:p-10">
                 <div>
                     <h1 class="mb-2 text-xl font-semibold text-center text-gray-800 font-display md:text-left">
                         Build Your Own DIY Synth, DIY Guitar Pedal, or DIY Eurorack Modules With Simple Tools and Tutorials
@@ -110,7 +110,9 @@ <h1 class="mb-2 text-xl font-semibold text-center text-gray-800 font-display md:
                     </p>
                 </div>
                 <div class="flex justify-center w-full md:justify-start">
-                  <button type="button" class="w-2/5 px-2 py-2 text-sm font-semibold text-white bg-blue-600 sm:w-3/5 lg:w-2/5 hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">Learn more</button>
+                  <a class="w-auto md:w-full" href="/projects/">
+                      <button type="button" class="px-4 py-1.5 text-sm font-semibold text-white bg-blue-600 min-w-2/5 whitespace-nowrap sm:min-w-3/5 lg:min-w-3/5 hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">See projects</button>
+                  </a>
                 </div>
             </div>
             <div class="flex items-center justify-center w-full">

diff --git a/frontend/src/projects/ModulesList.tsx b/frontend/src/projects/ModulesList.tsx
@@ -43,7 +43,7 @@ const ModulesList: React.FC<ModulesListProps> = ({
   return (
     <>
       <div className="grid grid-cols-1 gap-y-10 lg:gap-y-14">
-        {modules.map((module, index) => (
+        {modules.map((module) => (
           <>
             <div className="flex flex-col items-center gap-4 overflow-hidden bg-white rounded-lg md:flex-row">
               <div className="flex justify-center w-full h-64 md:w-48 md:h-48">

diff --git a/frontend/src/styles/styles.css b/frontend/src/styles/styles.css