mirrors/dozzle
1
0
Fork 0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00
Code Issues Projects Releases Wiki Activity

feat: enables action toolbar on menu (#4284)

Browse Source
This commit is contained in:
Amir Raminfar
2025-12-11 09:25:40 -08:00
committed by GitHub
parent 9530bfeadc
commit fd69eae2ea
6 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
assets/components/ContainerViewer/ContainerActionsToolbar.vue
View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="dropdown dropdown-end dropdown-hover z-20"> <div class="dropdown dropdown-end dropdown-hover z-20">
<label tabindex="0" class="btn btn-ghost btn-sm w-10 gap-0.5 px-2"> <label tabindex="0" class="btn btn-ghost btn-sm w-8 gap-0 px-0 md:gap-0.5">
<carbon:circle-solid class="text-red w-2.5" v-if="streamConfig.stderr" /> <carbon:circle-solid class="text-red w-2 md:w-2.5" v-if="streamConfig.stderr" />
<carbon:circle-solid class="text-blue w-2.5" v-if="streamConfig.stdout" /> <carbon:circle-solid class="text-blue w-2 md:w-2.5" v-if="streamConfig.stdout" />
</label> </label>
<ul <ul
tabindex="0" tabindex="0"

6
assets/components/ContainerViewer/ContainerLog.vue
View File

@@ -1,15 +1,15 @@
<template> <template>
<ScrollableView :scrollable="scrollable" v-if="container"> <ScrollableView :scrollable="scrollable" v-if="container">
<template #header v-if="showTitle"> <template #header v-if="showTitle">
<div class="@container mx-2 flex items-center gap-2 md:ml-4"> <div class="@container mx-2 flex items-center gap-1 md:ml-4 md:gap-2">
<ContainerTitle :container="container" /> <ContainerTitle :container="container" class="mt-1 md:mt-0" />
<MultiContainerStat <MultiContainerStat
class="ml-auto lg:hidden lg:@3xl:flex" class="ml-auto lg:hidden lg:@3xl:flex"
:containers="[container]" :containers="[container]"
v-if="container.state === 'running'" v-if="container.state === 'running'"
/> />
<ContainerActionsToolbar @clear="viewer?.clear()" class="max-md:hidden" :container="container" /> <ContainerActionsToolbar @clear="viewer?.clear()" :container="container" />
<a class="btn btn-circle btn-xs" @click="close()" v-if="closable"> <a class="btn btn-circle btn-xs" @click="close()" v-if="closable">
<mdi:close /> <mdi:close />
</a> </a>

6
assets/components/LogViewer/MultiContainerActionToolbar.vue
View File

@@ -1,8 +1,8 @@
<template> <template>
<div class="dropdown dropdown-end dropdown-hover z-20"> <div class="dropdown dropdown-end dropdown-hover z-20">
<label tabindex="0" class="btn btn-ghost btn-sm gap-0.5 px-2"> <label tabindex="0" class="btn btn-ghost btn-sm w-8 gap-0 px-0 md:gap-0.5">
<carbon:circle-solid class="text-red w-2.5" v-if="streamConfig.stderr" /> <carbon:circle-solid class="text-red w-2 md:w-2.5" v-if="streamConfig.stderr" />
<carbon:circle-solid class="text-blue w-2.5" v-if="streamConfig.stdout" /> <carbon:circle-solid class="text-blue w-2 md:w-2.5" v-if="streamConfig.stdout" />
</label> </label>
<ul <ul
tabindex="0" tabindex="0"

2
assets/components/LogViewer/MultiContainerStat.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="flex gap-4"> <div class="flex gap-1 md:gap-4">
<StatMonitor <StatMonitor
:data="memoryData" :data="memoryData"
label="mem" label="mem"

4
assets/components/MultiContainerViewer/MultiContainerLog.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<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-1 md:ml-4 md:gap-2">
<octicon:container-24 /> <octicon:container-24 />
<ContainerDropdown :containers="containers">{{ $t("label.container", containers.length) }}</ContainerDropdown> <ContainerDropdown :containers="containers">{{ $t("label.container", containers.length) }}</ContainerDropdown>
<MultiContainerStat class="ml-auto" :containers="containers" /> <MultiContainerStat class="ml-auto" :containers="containers" />
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" /> <MultiContainerActionToolbar @clear="viewer?.clear()" />
</div> </div>
</template> </template>
<template #default> <template #default>

2
assets/components/ScrollableView.vue
View File

@@ -2,7 +2,7 @@
<section :class="{ 'h-screen min-h-0': scrollable }" class="flex flex-col"> <section :class="{ 'h-screen min-h-0': scrollable }" class="flex flex-col">
<header <header
v-if="$slots.header" v-if="$slots.header"
class="border-base-content/10 bg-base-200 sticky top-[calc(55px+env(safe-area-inset-top))] z-20 border-b py-2 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0" class="border-base-content/10 bg-base-200 sticky top-[calc(55px+env(safe-area-inset-top))] z-20 border-b py-0.5 shadow-[1px_1px_2px_0_rgb(0,0,0,0.05)] md:top-0 md:py-2"
> >
<slot name="header"></slot> <slot name="header"></slot>
</header> </header>