Spaces:

KEXEL
/

git

Running

App Files Files Community

KEXEL commited on May 25, 2025

Commit

f32456a

verified ·

1 Parent(s): e31d625

1.1

Browse files

Files changed (1) hide show

VitaMahjong.html +7 -4

VitaMahjong.html CHANGED Viewed

@@ -123,6 +123,9 @@
                 padding: 1.5rem;
             }
         }
     </style>
 </head>
 <body class="bg-gray-100 min-h-screen font-sans">
@@ -130,8 +133,8 @@
         <!-- Header - Made responsive with flex column on mobile -->
         <header class="header-container flex flex-col sm:flex-row justify-between items-center mb-4 sm:mb-8">
             <div class="flex items-center mb-2 sm:mb-0">
-                <i class="fas fa-dragon text-3xl sm:text-4xl text-purple-600 mr-2 sm:mr-3"></i>
-                <h1 class="text-2xl sm:text-3xl font-bold text-gray-800">Vita Mahjong</h1>
             </div>
             <div class="stats-container flex items-center space-x-2 sm:space-x-4 w-full sm:w-auto justify-center sm:justify-start">
                 <div class="bg-white rounded-lg shadow p-2 sm:p-3 flex items-center text-sm sm:text-base">
@@ -380,10 +383,10 @@
                         tileElement.innerHTML = `
                             <div class="tile-inner ${tile.flipped ? 'flipped' : ''}">
                                 <div class="tile-back flex items-center justify-center">
-                                    <i class="fas fa-dragon text-xl sm:text-2xl"></i>
                                 </div>
                                 <div class="tile-front">
-                                    <span class="text-xl sm:text-3xl font-bold">${getTileSymbol(tile.type)}</span>
                                 </div>
                             </div>
                         `;

                 padding: 1.5rem;
             }
         }
+      .text-mtg{
+       font-size: 50px !important;
+      }
     </style>
 </head>
 <body class="bg-gray-100 min-h-screen font-sans">
         <!-- Header - Made responsive with flex column on mobile -->
         <header class="header-container flex flex-col sm:flex-row justify-between items-center mb-4 sm:mb-8">
             <div class="flex items-center mb-2 sm:mb-0">
+                <i class="fa-brands fa-fort-awesome text-3xl sm:text-4xl text-purple-600 mr-2 sm:mr-3"></i>
+                <h1 class="text-2xl sm:text-3xl font-bold text-gray-800">Voty Mehjong</h1>
             </div>
             <div class="stats-container flex items-center space-x-2 sm:space-x-4 w-full sm:w-auto justify-center sm:justify-start">
                 <div class="bg-white rounded-lg shadow p-2 sm:p-3 flex items-center text-sm sm:text-base">
                         tileElement.innerHTML = `
                             <div class="tile-inner ${tile.flipped ? 'flipped' : ''}">
                                 <div class="tile-back flex items-center justify-center">
+                                    <i class="fa-brands fa-fort-awesome text-sm sm:text-5xl"></i>
                                 </div>
                                 <div class="tile-front">
+                                    <span class="text-xl sm:text-4xl font-bold">${getTileSymbol(tile.type)}</span>
                                 </div>
                             </div>
                         `;