self-hosted/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-02-16 18:34:28 +02:00
Code Issues Releases 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
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions
Show Stats 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"
>