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

Shrunk spacing between lines when searching

Browse Source 
Other Changes:
- Fix horizontal scrollbar if log line exceeds width of page
- Restored style for dropdown button on top of page
- Remove unused CSS properties
This commit is contained in:
Coteh
2022-03-06 14:53:25 -05:00
parent fdbd8b2992
commit 8fcc5fc9cc
3 changed files with 36 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
assets/components.d.ts vendored
View File

@@ -2,38 +2,38 @@
// We suggest you to commit this file into source control
// Read more: https://github.com/vuejs/vue-next/pull/3399
declare module "vue" {
declare module 'vue' {
export interface GlobalComponents {
CarbonCaretDown: typeof import("~icons/carbon/caret-down")["default"];
CilColumns: typeof import("~icons/cil/columns")["default"];
CilFindInPage: typeof import("~icons/cil/find-in-page")["default"];
ContainerStat: typeof import("./components/ContainerStat.vue")["default"];
ContainerTitle: typeof import("./components/ContainerTitle.vue")["default"];
DropdownMenu: typeof import("./components/DropdownMenu.vue")["default"];
FuzzySearchModal: typeof import("./components/FuzzySearchModal.vue")["default"];
InfiniteLoader: typeof import("./components/InfiniteLoader.vue")["default"];
LogActionsToolbar: typeof import("./components/LogActionsToolbar.vue")["default"];
LogContainer: typeof import("./components/LogContainer.vue")["default"];
LogEventSource: typeof import("./components/LogEventSource.vue")["default"];
LogViewer: typeof import("./components/LogViewer.vue")["default"];
LogViewerWithSource: typeof import("./components/LogViewerWithSource.vue")["default"];
MdiDotsVertical: typeof import("~icons/mdi/dots-vertical")["default"];
MdiLightChevronDoubleDown: typeof import("~icons/mdi-light/chevron-double-down")["default"];
MdiLightChevronLeft: typeof import("~icons/mdi-light/chevron-left")["default"];
MdiLightChevronRight: typeof import("~icons/mdi-light/chevron-right")["default"];
MdiLightCog: typeof import("~icons/mdi-light/cog")["default"];
MdiLightMagnify: typeof import("~icons/mdi-light/magnify")["default"];
MobileMenu: typeof import("./components/MobileMenu.vue")["default"];
OcticonContainer24: typeof import("~icons/octicon/container24")["default"];
OcticonDownload24: typeof import("~icons/octicon/download24")["default"];
OcticonTrash24: typeof import("~icons/octicon/trash24")["default"];
PastTime: typeof import("./components/PastTime.vue")["default"];
RelativeTime: typeof import("./components/RelativeTime.vue")["default"];
ScrollableView: typeof import("./components/ScrollableView.vue")["default"];
ScrollProgress: typeof import("./components/ScrollProgress.vue")["default"];
Search: typeof import("./components/Search.vue")["default"];
SideMenu: typeof import("./components/SideMenu.vue")["default"];
CarbonCaretDown: typeof import('~icons/carbon/caret-down')['default']
CilColumns: typeof import('~icons/cil/columns')['default']
CilFindInPage: typeof import('~icons/cil/find-in-page')['default']
ContainerStat: typeof import('./components/ContainerStat.vue')['default']
ContainerTitle: typeof import('./components/ContainerTitle.vue')['default']
DropdownMenu: typeof import('./components/DropdownMenu.vue')['default']
FuzzySearchModal: typeof import('./components/FuzzySearchModal.vue')['default']
InfiniteLoader: typeof import('./components/InfiniteLoader.vue')['default']
LogActionsToolbar: typeof import('./components/LogActionsToolbar.vue')['default']
LogContainer: typeof import('./components/LogContainer.vue')['default']
LogEventSource: typeof import('./components/LogEventSource.vue')['default']
LogViewer: typeof import('./components/LogViewer.vue')['default']
LogViewerWithSource: typeof import('./components/LogViewerWithSource.vue')['default']
MdiDotsVertical: typeof import('~icons/mdi/dots-vertical')['default']
MdiLightChevronDoubleDown: typeof import('~icons/mdi-light/chevron-double-down')['default']
MdiLightChevronLeft: typeof import('~icons/mdi-light/chevron-left')['default']
MdiLightChevronRight: typeof import('~icons/mdi-light/chevron-right')['default']
MdiLightCog: typeof import('~icons/mdi-light/cog')['default']
MdiLightMagnify: typeof import('~icons/mdi-light/magnify')['default']
MobileMenu: typeof import('./components/MobileMenu.vue')['default']
OcticonContainer24: typeof import('~icons/octicon/container24')['default']
OcticonDownload24: typeof import('~icons/octicon/download24')['default']
OcticonTrash24: typeof import('~icons/octicon/trash24')['default']
PastTime: typeof import('./components/PastTime.vue')['default']
RelativeTime: typeof import('./components/RelativeTime.vue')['default']
ScrollableView: typeof import('./components/ScrollableView.vue')['default']
ScrollProgress: typeof import('./components/ScrollProgress.vue')['default']
Search: typeof import('./components/Search.vue')['default']
SideMenu: typeof import('./components/SideMenu.vue')['default']
}
}
export {};
export { }

4
assets/components/DropdownMenu.vue
View File

@@ -18,9 +18,11 @@
<script lang="ts" setup></script>
<style lang="scss" scoped>
.button {
.minimal .button {
background-color: rgba(0, 0, 0, 0);
border: none;
padding: 0.1em;
height: 100%;
}
.is-top .dropdown-menu {
top: 0;

19
assets/components/LogViewer.vue
View File

@@ -8,7 +8,7 @@
:class="item.selected ? 'selected' : ''"
>
<div class="line-options" v-if="isSearching()">
<dropdown-menu class="is-top">
<dropdown-menu class="is-top minimal">
<a class="dropdown-item" @click="jumpToLine">
<div class="level is-justify-content-start">
<div class="level-left">
@@ -101,33 +101,18 @@ const jumpToLine = async (e) => {
&.selected {
background-color: var(--menu-item-active-background-color);
color: black;
& .jump {
color: var(--menu-item-hover-color) !important;
}
}
&.selected > .date {
background-color: white;
}
& > .line {
margin: auto 0;
width: 100%;
}
& > .line-options {
display: flex;
flex-direction: row-reverse;
margin-right: 1em;
& .jump {
padding: 0;
background-color: rgba(0, 0, 0, 0);
color: var(--menu-item-hover-background-color);
border: none;
cursor: pointer;
opacity: 0;
&:hover {
opacity: 1;
}
}
}
}