From c5c01ddd196665af6ff10f14013cd372f899eb64 Mon Sep 17 00:00:00 2001
From: Robert Kaussow <mail@thegeeklab.de>
Date: Mon, 28 Aug 2023 00:35:41 +0200
Subject: [PATCH] Fix grid column size in pipeline log view (#2336)

Fixes: https://github.com/woodpecker-ci/woodpecker/issues/1832

Before:

<img
src="https://github.com/woodpecker-ci/woodpecker/assets/3391958/cdb91f9e-98b9-4e66-9c64-b90d4e59fb73"
width="500">

After:

<img
src="https://github.com/woodpecker-ci/woodpecker/assets/3391958/ec5e0c4d-545b-4ba0-8550-9e3f6701551f"
width="500">
---
 web/src/components/repo/pipeline/PipelineLog.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/repo/pipeline/PipelineLog.vue b/web/src/components/repo/pipeline/PipelineLog.vue
index f876d99e7..90f650430 100644
--- a/web/src/components/repo/pipeline/PipelineLog.vue
+++ b/web/src/components/repo/pipeline/PipelineLog.vue
@@ -40,7 +40,7 @@
       <div
         v-show="hasLogs && loadedLogs"
         ref="consoleElement"
-        class="w-full max-w-full grid grid-cols-[min-content,1fr,min-content] p-4 auto-rows-min flex-grow overflow-x-hidden overflow-y-auto"
+        class="w-full max-w-full grid grid-cols-[min-content,minmax(0,1fr),min-content] p-4 auto-rows-min flex-grow overflow-x-hidden overflow-y-auto text-xs md:text-sm"
       >
         <div v-for="line in log" :key="line.index" class="contents font-mono">
           <a
@@ -57,7 +57,7 @@
           >
           <!-- eslint-disable vue/no-v-html -->
           <span
-            class="align-top whitespace-pre-wrap break-words text-sm"
+            class="align-top whitespace-pre-wrap break-words"
             :class="{
               'bg-opacity-40 dark:bg-opacity-50 bg-10.168.64.121-600 dark:bg-red-800': line.type === 'error',
               'bg-opacity-40 dark:bg-opacity-50 bg-yellow-600 dark:bg-yellow-800': line.type === 'warning',