Update index.html

index.html

@@ -95,9 +95,6 @@
         /* محتوای تب‌ها */
         .tab-content {
             display: none;
-            flex: 1;
-            display: flex;
-            flex-direction: column;
         }
 
         .tab-content.active {
@@ -336,52 +333,49 @@
             </div>
         </div>
 
-        <!-- کارت اصلی -->
-        <div class="card">
-            <!-- تب ساخت -->
-            <div class="tab-content active" id="generate-content">
-                <div class="form-group">
-                    <label class="label">متن یا لینک خود را بنویسید:</label>
-                    <textarea id="text-input" class="input" placeholder="مثال: https://google.com یا سلام دنیا">سلام دنیا</textarea>
-                </div>
+        <!-- کارت ساخت QR کد -->
+        <div class="card tab-content active" id="generate-content">
+            <div class="form-group">
+                <label class="label">متن یا لینک خود را بنویسید:</label>
+                <textarea id="text-input" class="input" placeholder="مثال: https://google.com یا سلام دنیا">سلام دنیا</textarea>
+            </div>
 
-                <div class="result" id="qr-result">
-                    <div id="generate-loader" class="loader" style="display: none;"></div>
-                    <div id="qr-display">
-                        <span class="result-empty">QR کد شما اینجا ظاهر می‌شود</span>
-                    </div>
+            <div class="result" id="qr-result">
+                <div id="generate-loader" class="loader" style="display: none;"></div>
+                <div id="qr-display">
+                    <span class="result-empty">QR کد شما اینجا ظاهر می‌شود</span>
                 </div>
-
-                <button id="generate-btn" class="btn btn-generate">
-                    <span class="icon">✨</span>
-                    ساخت QR کد
-                </button>
             </div>
 
-            <!-- تب خواندن -->
-            <div class="tab-content" id="read-content">
-                <div class="form-group">
-                    <label class="label">تصویر QR کد را انتخاب کنید:</label>
-                    <div class="file-upload" onclick="document.getElementById('file-input').click()">
-                        <input type="file" id="file-input" accept="image/*">
-                        <div class="upload-icon">📷</div>
-                        <div class="upload-text">انتخاب تصویر</div>
-                        <div id="file-info" class="file-info"></div>
-                    </div>
-                </div>
+            <button id="generate-btn" class="btn btn-generate">
+                <span class="icon">✨</span>
+                ساخت QR کد
+            </button>
+        </div>
 
-                <div class="result" id="read-result">
-                    <div id="read-loader" class="loader" style="display: none;"></div>
-                    <div id="decoded-text">
-                        <span class="result-empty">نتیجه اینجا نمایش داده می‌شود</span>
-                    </div>
+        <!-- کارت خواندن QR کد -->
+        <div class="card tab-content" id="read-content">
+            <div class="form-group">
+                <label class="label">تصویر QR کد را انتخاب کنید:</label>
+                <div class="file-upload" onclick="document.getElementById('file-input').click()">
+                    <input type="file" id="file-input" accept="image/*">
+                    <div class="upload-icon">📷</div>
+                    <div class="upload-text">انتخاب تصویر</div>
+                    <div id="file-info" class="file-info"></div>
                 </div>
+            </div>
 
-                <button id="read-btn" class="btn btn-read">
-                    <span class="icon">🔍</span>
-                    خواندن QR کد
-                </button>
+            <div class="result" id="read-result">
+                <div id="read-loader" class="loader" style="display: none;"></div>
+                <div id="decoded-text">
+                    <span class="result-empty">نتیجه اینجا نمایش داده می‌شود</span>
+                </div>
             </div>
+
+            <button id="read-btn" class="btn btn-read">
+                <span class="icon">🔍</span>
+                خواندن QR کد
+            </button>
         </div>
     </div>
 
@@ -404,11 +398,11 @@
         // تعویض تب‌ها
         tabs.forEach(tab => {
             tab.addEventListener('click', () => {
-                // حذف کلاس active از همه
+                // حذف کلاس active از همه تب‌ها و محتواها
                 tabs.forEach(t => t.classList.remove('active'));
                 tabContents.forEach(tc => tc.classList.remove('active'));
                 
-                // اضافه کردن کلاس active
+                // اضافه کردن کلاس active به تب و محتوای کلیک‌شده
                 tab.classList.add('active');
                 const targetTab = tab.getAttribute('data-tab');
                 document.getElementById(targetTab + '-content').classList.add('active');