github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-09-25 03:07:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use min/max width for pipeline step list (#2141)

Browse Source 
I've also added a min-width to keep the sidebar a bit more readable
before the breakpoint is reached:

Before: 

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/4e76f487-0bfd-416b-9969-9aca42aed629)

After:

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/f936c44e-9952-4eb0-8dc3-95d8c48e8dfb)
This commit is contained in:
Robert Kaussow
2023-08-07 23:32:36 +02:00
committed by GitHub
parent 17ab945825
commit 8f44ca3f3d
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/components/repo/pipeline/PipelineStepList.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="flex flex-col w-full md:w-md md:ml-2 text-wp-text-100 gap-2 pb-2">
<div class="flex flex-col w-full md:w-3/12 md:max-w-md md:min-w-xs md:ml-2 text-wp-text-100 gap-2 pb-2">
<div
class="flex flex-wrap p-4 gap-1 justify-between flex-shrink-0 md:rounded-md border bg-wp-background-100 border-wp-background-400 dark:bg-wp-background-200"
>