tiny ui fixes (#702)

This commit is contained in:
Anbraten 2022-01-17 13:48:53 +01:00 committed by GitHub
parent 366701fde7
commit 097676fe47
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 4 deletions

View file

@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<div class="flex py-2 px-4 flex-grow min-w-0 flex-wrap"> <div class="flex py-2 px-4 flex-grow min-w-0 <md:flex-wrap">
<div class="<md:hidden flex items-center flex-shrink-0"> <div class="<md:hidden flex items-center flex-shrink-0">
<img class="w-8" :src="build.author_avatar" /> <img class="w-8" :src="build.author_avatar" />
</div> </div>

View file

@ -1,15 +1,16 @@
<template> <template>
<template v-if="build && repo"> <template v-if="build && repo">
<FluidContainer class="flex flex-col min-w-0 border-b dark:border-gray-600 !pb-0 mb-4"> <FluidContainer class="flex flex-col min-w-0 border-b dark:border-gray-600 !pb-0 mb-4">
<div class="flex mb-2 items-center"> <div class="flex mb-2 items-center <md:flex-wrap">
<IconButton icon="back" class="flex-shrink-0" @click="goBack" /> <IconButton icon="back" class="flex-shrink-0" @click="goBack" />
<h1 <h1
class=" class="
order-3 order-3
w-full w-full
<md:flex-wrap
md:order-none md:w-auto md:ml-2 md:order-none md:w-auto md:ml-2
flex flex-wrap flex
text-center text-xl text-gray-500 text-center text-xl text-gray-500
whitespace-nowrap whitespace-nowrap
overflow-hidden overflow-ellipsis overflow-hidden overflow-ellipsis
@ -17,7 +18,7 @@
> >
<span class="w-full md:w-auto text-center">Pipeline #{{ buildId }}</span> <span class="w-full md:w-auto text-center">Pipeline #{{ buildId }}</span>
<span class="<md:hidden mx-2">-</span> <span class="<md:hidden mx-2">-</span>
<span class="w-full md:w-auto text-center">{{ message }}</span> <span class="w-full md:w-auto text-center truncate">{{ message }}</span>
</h1> </h1>
<BuildStatusIcon :build="build" class="flex flex-shrink-0 ml-auto" /> <BuildStatusIcon :build="build" class="flex flex-shrink-0 ml-auto" />