Merge pull request #42 from vittoriobusatta/main

fix(css): remove redundant CSS classes

Author: katia-openai

src/pizzaz-albums/FilmStrip.jsx

@@ -9,7 +9,7 @@ export default function FilmStrip({ album, selectedIndex, onSelect }) {
           type="button"
           onClick={() => onSelect?.(idx)}
           className={
-            "block w-full p-[1px] pointer-events-auto rounded-[10px] cursor-pointer border transition-colors transition-opacity " +
+            "block w-full p-[1px] pointer-events-auto rounded-[10px] cursor-pointer border transition-[colors,opacity] " +
             (idx === selectedIndex
               ? "border-black"
               : "border-black/0 hover:border-black/30 opacity-60 hover:opacity-100")

src/pizzaz-albums/FullscreenViewer.jsx

@@ -26,7 +26,7 @@ export default function FullscreenViewer({ album }) {
           <FilmStrip album={album} selectedIndex={index} onSelect={setIndex} />
         </div>
         {/* Main photo */}
-        <div className="flex-1 min-w-0 px-40 py-10 relative flex items-center justify-center flex-auto">
+        <div className="flex-1 min-w-0 px-40 py-10 relative flex items-center justify-center">
           <div className="relative w-full h-full">
             {photo ? (
               <img

src/pizzaz-carousel/PlaceCard.jsx

@@ -12,7 +12,7 @@ export default function PlaceCard({ place }) {
           className="w-full aspect-square rounded-2xl object-cover ring ring-black/5 shadow-[0px_2px_6px_rgba(0,0,0,0.06)]"
         />
       </div>
-      <div className="mt-3 flex flex-col flex-1 flex-auto">
+      <div className="mt-3 flex flex-col flex-1">
         <div className="text-base font-medium truncate line-clamp-1">{place.name}</div>
         <div className="text-xs mt-1 text-black/60 flex items-center gap-1">
           <Star className="h-3 w-3" aria-hidden="true" />

src/pizzaz/index.jsx

@@ -242,7 +242,7 @@ export default function App() {
         >
           <div
             ref={mapRef}
-            className="w-full h-full relative absolute bottom-0 left-0 right-0"
+            className="w-full h-full absolute bottom-0 left-0 right-0"
             style={{
               maxHeight,
               height: displayMode === "fullscreen" ? maxHeight : undefined,