1. 23 Jul, 2025 6 commits
  2. 22 Jul, 2025 14 commits
  3. 21 Jul, 2025 16 commits
  4. 20 Jul, 2025 4 commits
    • 🖼️ feat(header): improve logo loading UX with skeleton overlay · 78597a22
      Ensure the header logo is shown only after the image has fully loaded to eliminate flicker:
      
      • Introduced `logoLoaded` state to track image load completion.
      • Pre-loaded the logo using `new Image()` inside a `useEffect` hook and set state on `onload`.
      • Replaced the previous Skeleton wrapper with a stacked layout:
        – A `Skeleton.Image` placeholder is rendered while the logo is loading.
        – The real `<img>` element fades in with an opacity transition once both global
          `isLoading` and `logoLoaded` are true.
      • Added automatic reset of `logoLoaded` whenever the logo source changes.
      • Removed redundant `onLoad` on the `<img>` tag to avoid double triggers.
      • Ensured placeholder and image sizes match via absolute positioning to prevent layout shift.
      
      This delivers a smoother visual experience by keeping the skeleton visible until the logo is completely ready and then revealing it seamlessly.
      t0ng7u committed
    • 💄 refactor(playground): migrate inline styles to TailwindCSS v3 classes · e390d1ab
      - Replace all inline style objects with TailwindCSS utility classes
      - Convert Layout and Layout.Sider component styles to responsive classes
      - Simplify conditional styling logic using template literals
      - Maintain existing responsive design and functionality
      - Improve code readability and maintainability
      
      Changes include:
      - Layout: height/background styles → h-full bg-transparent
      - Sider: complex style object → conditional className with mobile/desktop variants
      - Debug panel overlay: inline styles → utility classes (fixed, z-[1000], etc.)
      - Remove redundant style props while preserving visual consistency
      t0ng7u committed