fix: improves padding for mobile (#2616)

amir20 · Dec 20, 2023 · a8c9237 · a8c9237
1 parent 3a21459
commit a8c9237
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/assets/components/LogViewer/ContainerTitle.vue b/assets/components/LogViewer/ContainerTitle.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-1 items-center gap-2 truncate">
+  <div class="flex flex-1 items-center gap-1.5 truncate md:gap-2">
     <label class="swap swap-rotate">
       <input type="checkbox" v-model="pinned" />
       <carbon:star-filled class="swap-on text-secondary" />

diff --git a/assets/components/LogViewer/LogContainer.vue b/assets/components/LogViewer/LogContainer.vue
@@ -1,7 +1,7 @@
 <template>
   <scrollable-view :scrollable="scrollable" v-if="container">
     <template #header v-if="showTitle">
-      <div class="ml-4 mr-2 flex items-center gap-2">
+      <div class="mx-2 flex items-center gap-2 md:ml-4">
         <container-title @close="$emit('close')" />
         <container-stat class="ml-auto" />
 

diff --git a/assets/components/LogViewer/LogViewer.vue b/assets/components/LogViewer/LogViewer.vue
@@ -58,7 +58,7 @@ watch(
     monospace;
 
   > li {
-    @apply flex break-words px-4 py-1 last:snap-end odd:bg-gray-400/[0.07];
+    @apply flex break-words px-2 py-1 last:snap-end odd:bg-gray-400/[0.07] md:px-4;
     &:last-child {
       scroll-margin-block-end: 5rem;
     }