Fix grid column size in pipeline log view (#2336)

Fixes: #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">

Author: xoxys

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',