Adding for tablet view

Kareadita · Aug 21, 2024 · 063a832 · 063a832
1 parent 7befed3
commit 063a832
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/UI/Web/src/_series-detail-common.scss b/UI/Web/src/_series-detail-common.scss
@@ -154,7 +154,8 @@
   object-fit: cover !important;
 }
 
-@media screen and (max-width: 800px) {
+/* col-lg */
+@media screen and (max-width: 991px) {
   .image-container.mobile-bg{
     width: 100vw;
     top: calc(var(--nav-offset) - 20px);

diff --git a/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html b/UI/Web/src/app/series-detail/_components/series-detail/series-detail.component.html
@@ -32,7 +32,7 @@
           </div>
 
         </div>
-        <div class="col-xl-10 col-lg-7 col-md-7 col-xs-8 col-sm-6">
+        <div class="col-xl-10 col-lg-7 col-md-12 col-xs-12 col-sm-12">
           <h4 class="title mb-2">
             <span>{{series.name}}
 
@@ -136,7 +136,7 @@ <h4 class="title mb-2">
 
           <div class="mt-2 upper-details">
             <div class="row g-0">
-              <div class="col-6">
+              <div class="col-6 pe-5">
                 <span class="fw-bold">{{t('writers-title')}}</span>
                 <div>
                   <app-badge-expander [items]="seriesMetadata.writers"
@@ -165,7 +165,7 @@ <h4 class="title mb-2">
 
           <div class="mt-3 mb-2 upper-details">
             <div class="row g-0">
-              <div class="col-6">
+              <div class="col-6 pe-5">
                 <span class="fw-bold">{{t('genres-title')}}</span>
                 <div>
                   <app-badge-expander [items]="seriesMetadata.genres"