1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-24 06:28:42 +01:00

chore: fixes center css (#3804)

This commit is contained in:
Amir Raminfar
2025-04-13 15:31:42 -07:00
committed by GitHub
parent a33f7bf3b2
commit 28588fdfd2
4 changed files with 4 additions and 4 deletions

View File

@@ -2,7 +2,7 @@
<ScrollableView :scrollable="scrollable" v-if="group.containers.length && ready"> <ScrollableView :scrollable="scrollable" v-if="group.containers.length && ready">
<template #header> <template #header>
<div class="mx-2 flex items-center gap-2 md:ml-4"> <div class="mx-2 flex items-center gap-2 md:ml-4">
<div class="@container flex flex-1 gap-1.5 truncate md:gap-2"> <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
<div class="inline-flex font-mono text-sm"> <div class="inline-flex font-mono text-sm">
<div class="font-semibold">{{ $t("label.container", group.containers.length) }}</div> <div class="font-semibold">{{ $t("label.container", group.containers.length) }}</div>
</div> </div>

View File

@@ -2,7 +2,7 @@
<ScrollableView :scrollable="scrollable" v-if="containers.length && ready"> <ScrollableView :scrollable="scrollable" v-if="containers.length && ready">
<template #header> <template #header>
<div class="mx-2 flex items-center gap-2 md:ml-4"> <div class="mx-2 flex items-center gap-2 md:ml-4">
<div class="@container flex flex-1 gap-1.5 truncate md:gap-2"> <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
<octicon:container-24 /> <octicon:container-24 />
<div class="inline-flex font-mono text-sm"> <div class="inline-flex font-mono text-sm">
<div class="font-semibold">{{ containers.length }} containers</div> <div class="font-semibold">{{ containers.length }} containers</div>

View File

@@ -2,7 +2,7 @@
<ScrollableView :scrollable="scrollable" v-if="service.name"> <ScrollableView :scrollable="scrollable" v-if="service.name">
<template #header> <template #header>
<div class="mx-2 flex items-center gap-2 md:ml-4"> <div class="mx-2 flex items-center gap-2 md:ml-4">
<div class="@container flex flex-1 gap-1.5 truncate md:gap-2"> <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
<ph:stack-simple /> <ph:stack-simple />
<div class="inline-flex font-mono text-sm"> <div class="inline-flex font-mono text-sm">
<div class="font-semibold">{{ service.name }}</div> <div class="font-semibold">{{ service.name }}</div>

View File

@@ -2,7 +2,7 @@
<ScrollableView :scrollable="scrollable" v-if="stack.name"> <ScrollableView :scrollable="scrollable" v-if="stack.name">
<template #header> <template #header>
<div class="mx-2 flex items-center gap-2 md:ml-4"> <div class="mx-2 flex items-center gap-2 md:ml-4">
<div class="@container flex flex-1 gap-1.5 truncate md:gap-2"> <div class="@container flex flex-1 items-center gap-1.5 truncate md:gap-2">
<ph:stack /> <ph:stack />
<div class="inline-flex font-mono text-sm"> <div class="inline-flex font-mono text-sm">
<div class="font-semibold">{{ stack.name }}</div> <div class="font-semibold">{{ stack.name }}</div>