From 716bbbc6fb8f93413d25c5b1bfbc66452604a9c6 Mon Sep 17 00:00:00 2001
From: arabcoders <admin@arabcoders.org>
Date: Mon, 20 Oct 2025 19:29:02 +0300
Subject: [PATCH] add table-container for list view in index

---
 ui/app/components/History.vue | 3 +--
 ui/app/components/Queue.vue   | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/ui/app/components/History.vue b/ui/app/components/History.vue
index bc6b0694..6ebe6517 100644
--- a/ui/app/components/History.vue
+++ b/ui/app/components/History.vue
@@ -81,7 +81,7 @@
 
     <div class="columns is-multiline" v-if="'list' === display_style">
       <div class="column is-12" v-if="hasItems">
-        <div :class="{ 'table-container': table_container }">
+        <div class="table-container">
           <table class="table is-striped is-hoverable is-fullwidth is-bordered"
             style="min-width: 1300px; table-layout: fixed;">
             <thead>
@@ -479,7 +479,6 @@ const thumbnail_ratio = useStorage<'is-16by9' | 'is-3by1'>('thumbnail_ratio', 'i
 
 const selectedElms = ref<string[]>([])
 const masterSelectAll = ref(false)
-const table_container = ref(false)
 const embed_url = ref('')
 const video_item = ref<StoreItem | null>(null)
 const dialog_confirm = ref<{
diff --git a/ui/app/components/Queue.vue b/ui/app/components/Queue.vue
index d73d4a36..060e6da1 100644
--- a/ui/app/components/Queue.vue
+++ b/ui/app/components/Queue.vue
@@ -46,7 +46,7 @@
 
     <div class="columns is-multiline" v-if="'list' === display_style">
       <div class="column is-12" v-if="filteredItems.length > 0">
-        <div :class="{ 'table-container': table_container }">
+        <div class="table-container">
           <table class="table is-striped is-hoverable is-fullwidth is-bordered"
             style="min-width: 1300px; table-layout: fixed;">
             <thead>
@@ -341,7 +341,6 @@ const thumbnail_ratio = useStorage<'is-16by9' | 'is-3by1'>('thumbnail_ratio', 'i
 const selectedElms = ref<string[]>([])
 const masterSelectAll = ref(false)
 const embed_url = ref('')
-const table_container = ref(false)
 
 const showThumbnails = computed(() => !!props.thumbnails && !hideThumbnail.value)