github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-10-30 01:55:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use full width header on pipeline view and show repo name (#2327)

Browse Source 
Co-authored-by: Patrick Schratz <patrick.schratz@gmail.com>
Co-authored-by: 6543 <m.huber@kithara.com>
This commit is contained in:
Robert Kaussow
2023-08-29 15:57:58 +02:00
committed by GitHub
parent c613664753
commit 81aa9b1439
8 changed files with 58 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/components/layout/scaffold/Header.vue
View File

@@ -1,11 +1,12 @@
<template>
<header
class="bg-wp-background-100 border-b-1 border-wp-background-400 dark:border-wp-background-100 dark:bg-wp-background-300 text-wp-text-100"
:class="{ 'md:px-4': fullWidth }"
>
<FluidContainer class="!py-0">
<div class="flex w-full items-center justify-between py-4 <md:flex-row <md:gap-y-4">
<FluidContainer :full-width="fullWidth" class="!py-0">
<div class="flex w-full md:items-center flex-col py-2 gap-y-2 md:flex-row md:justify-between">
<div
class="flex items-center min-w-0 justify-start <md:justify-center"
class="flex items-center content-start"
:class="{
'md:flex-1': searchBoxPresent,
}"
@@ -14,7 +15,7 @@
v-if="goBack"
icon="back"
:title="$t('back')"
class="flex-shrink-0 mr-2 <md:hidden"
class="flex-shrink-0 mr-2 <md:hidden md:justify-between w-8 h-8"
@click="goBack"
/>
<h1 class="flex text-xl min-w-0 text-wp-text-100 items-center gap-x-2">
@@ -30,7 +31,7 @@
/>
<div
v-if="$slots.titleActions"
class="flex items-center justify-end gap-x-2 <md:w-full <md:justify-center"
class="flex items-center md:justify-end gap-x-2"
:class="{
'md:flex-1': searchBoxPresent,
}"
@@ -39,12 +40,9 @@
</div>
</div>
<div v-if="enableTabs" class="flex justify-between">
<div v-if="enableTabs" class="flex md:items-center flex-col py-2 md:flex-row md:justify-between md:py-0">
<Tabs class="<md:order-2" />
<div
v-if="$slots.titleActions"
class="flex items-center justify-end gap-x-2 md:mb-2 <md:w-full <md:justify-center <md:order-1"
>
<div v-if="$slots.titleActions" class="flex content-start md:justify-end">
<slot name="tabActions" />
</div>
</div>
@@ -62,6 +60,7 @@ const props = defineProps<{
goBack?: () => void;
enableTabs?: boolean;
search?: string;
fullWidth?: boolean;
}>();
defineEmits(['update:search']);