1
0
mirror of https://github.com/amir20/dozzle.git synced 2025-12-21 21:33:18 +01:00

fix: Improves UI with padding and color improvements

This commit is contained in:
Amir Raminfar
2023-09-23 13:16:40 -07:00
parent ad461c9dbc
commit 9e30045e6f
3 changed files with 9 additions and 6 deletions

View File

@@ -1,9 +1,9 @@
<template>
<div v-if="ready" data-testid="side-menu">
<div class="breadcrumbs text-sm">
<div class="breadcrumbs">
<ul>
<li><a @click.prevent="setHost(null)">Hosts</a></li>
<li v-if="sessionHost && hosts[sessionHost]">
<li><a @click.prevent="setHost(null)" class="link-primary">Hosts</a></li>
<li v-if="sessionHost && hosts[sessionHost]" class="cursor-default">
{{ hosts[sessionHost].name }}
</li>
</ul>
@@ -141,6 +141,9 @@ const activeContainersById = computed(() =>
);
</script>
<style scoped lang="postcss">
.menu {
@apply text-[0.95em];
}
.containers a {
@apply auto-cols-[auto_max-content];
.pin {