update deploy script

.github/workflows/deploy.yml

@@ -9,33 +9,25 @@ on:
 jobs:
   build-and-deploy:
     runs-on: ubuntu-latest
-    
+
     steps:
     - name: Checkout repository
       uses: actions/checkout@v3
 
-    - name: Set up Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version: '20'
-
-    - name: Install dependencies
-      run: npm ci
+    - name: Set up Git
+      run: |
+        git config user.email "github-actions[bot]@users.noreply.github.com"
+        git config user.name "github-actions[bot]"
 
-    - name: Build project
-      run: npm run build
+    - name: Add Hugging Face remote
+      run: |
+        git remote add hf https://${{ secrets.HF_USERNAME }}:${{ secrets.HF_TOKEN }}@huggingface.co/spaces/${{ secrets.HF_USERNAME }}/${{ secrets.SPACE_NAME }}
 
-    - name: Copy README to dist
-      run: cp README.md dist/
+    - name: Commit changes if any
+      run: |
+        git add .
+        git diff --cached --quiet || git commit -m "Deploy to Hugging Face Spaces"
 
     - name: Push to Hugging Face Spaces
-      env:
-        HF_TOKEN: ${{ secrets.HF_TOKEN }}
       run: |
-        cd dist
-        git init
-        git config user.email "github-actions[bot]@users.noreply.github.com"
-        git config user.name "github-actions[bot]"
-        git add .
-        git commit -m "Update build artifacts and README"
-        git push --force https://${{ secrets.HF_USERNAME }}:[email protected]/spaces/${{ secrets.HF_USERNAME }}/${{ secrets.SPACE_NAME }} HEAD:main
+        git push hf main || echo "No changes to deploy."

Dockerfile

@@ -34,8 +34,6 @@ RUN \
     addgroup --system --gid 1001 nodejs; \
     adduser --system --uid 1001 nextjs
 
-COPY --from=builder /app/public ./public
-
 # Automatically leverage output traces to reduce image size
 COPY --from=builder --chown=1001:1001 /app/.next/standalone ./
 COPY --from=builder --chown=1001:1001 /app/.next/static ./.next/static

README.md

@@ -3,8 +3,9 @@ title: Transformers.js Playground
 emoji: 🛝
 colorFrom: indigo
 colorTo: purple
-sdk: static
-pinned: false
+sdk: docker
+pinned: true
+app_port: 3000
 ---
 # Transformers.js Playground
 

components/category/CategoryCard.tsx

@@ -40,7 +40,7 @@ const CategoryCard: React.FC<CategoryCardProps> = ({
   );
 
   return (
-    <div className={`rounded-xl p-6 text-white w-92 h-72 flex flex-col relative shadow-lg transition-transform duration-300 ease-in-out hover:scale-105 ${gradient}`}>
+    <div className={`rounded-xl max-w-sm mx-auto p-6 text-white w-92 h-72 flex flex-col relative shadow-lg transition-transform duration-300 ease-in-out hover:scale-105 ${gradient}`}>
       {isComingSoon ? (
         <>
           <CardContent />