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

chore: cleans up css styles (#3849)

Browse Source
This commit is contained in:
Amir Raminfar
2025-04-26 20:35:14 -07:00
committed by GitHub
parent 78ace3178b
commit 92665a76de
17 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/components/ContainerTable.vue
View File

@@ -203,7 +203,7 @@ function isVisible(field: keys) {
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
[data-icon] { [data-icon] {
display: none; display: none;

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

@@ -220,7 +220,7 @@ const toggleAllLevels = computed({
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
li.line { li.line {
@apply bg-base-content/20 h-px; @apply bg-base-content/20 h-px;

2
assets/components/ContainerViewer/ContainerHealth.vue
View File

@@ -15,7 +15,7 @@ defineProps<{
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
[health="unhealthy"] { [health="unhealthy"] {
@apply text-red; @apply text-red;
} }

2
assets/components/FuzzySearchModal.vue
View File

@@ -217,7 +217,7 @@ function matchedName({ item, matches = [] }: FuseResult<Item>) {
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
:deep(mark) { :deep(mark) {
@apply bg-transparent text-inherit underline underline-offset-2; @apply bg-transparent text-inherit underline underline-offset-2;
} }

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

@@ -30,7 +30,7 @@ const showDrawer = useDrawer();
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.text-light { .text-light {
@apply text-base-content/70; @apply text-base-content/70;
} }

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

@@ -13,7 +13,7 @@ const { logEntry } = defineProps<{
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
[data-event="container-stopped"] { [data-event="container-stopped"] {
@apply text-red; @apply text-red;
} }

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

@@ -166,7 +166,7 @@ function syntaxHighlight(json: any) {
useSortable(list, fields); useSortable(list, fields);
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.font-mono { .font-mono {
font-family: font-family:
ui-monospace, ui-monospace,

4
assets/components/LogViewer/LogLevel.vue
View File

@@ -11,7 +11,7 @@ defineProps<{
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
[data-position="start"] { [data-position="start"] {
border-radius: 0.5em 0.5em 0 0; border-radius: 0.5em 0.5em 0 0;
height: 70%; height: 70%;
@@ -35,7 +35,7 @@ defineProps<{
} }
</style> </style>
<style> <style>
@import "@/main.css" reference; @reference "@/main.css";
[data-level="debug"], [data-level="debug"],
[data-level="trace"] { [data-level="trace"] {
@apply !bg-purple; @apply !bg-purple;

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

@@ -54,7 +54,7 @@ useIntersectionObserver(
); );
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.events { .events {
font-family: font-family:
ui-monospace, ui-monospace,

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

@@ -13,7 +13,7 @@ defineProps<{
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
[std="stdout"] { [std="stdout"] {
@apply text-blue; @apply text-blue;
} }

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

@@ -103,7 +103,7 @@ const downloadUrl = computed(() =>
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
li.line { li.line {
@apply bg-base-content/20 h-px; @apply bg-base-content/20 h-px;
} }

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

@@ -35,7 +35,7 @@ const linkify = (text: string) =>
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.log-wrapper :deep(a) { .log-wrapper :deep(a) {
@apply text-primary underline-offset-4 hover:underline; @apply text-primary underline-offset-4 hover:underline;
} }

2
assets/components/Terminal.vue
View File

@@ -58,7 +58,7 @@ onUnmounted(() => {
}); });
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.shell { .shell {
& :deep(.terminal) { & :deep(.terminal) {

2
assets/components/common/MobileMenu.vue
View File

@@ -37,7 +37,7 @@ watch(route, () => {
}); });
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.fade-enter-active, .fade-enter-active,
.fade-leave-active { .fade-leave-active {
@apply transition-opacity; @apply transition-opacity;

2
assets/components/common/SideDrawer.vue
View File

@@ -38,7 +38,7 @@ defineExpose({
useEventListener(panel, "close", () => (open.value = false)); useEventListener(panel, "close", () => (open.value = false));
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.modal-right :where(.modal-box) { .modal-right :where(.modal-box) {
@apply bg-base-100 fixed right-0 h-lvh max-h-screen translate-x-24 scale-100 rounded-none shadow-none; @apply bg-base-100 fixed right-0 h-lvh max-h-screen translate-x-24 scale-100 rounded-none shadow-none;

2
assets/layouts/default.vue
View File

@@ -95,7 +95,7 @@ function onResized({ panes }: { panes: { size: number }[] }) {
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
:deep(.splitpanes--vertical > .splitpanes__splitter) { :deep(.splitpanes--vertical > .splitpanes__splitter) {
@apply bg-base-100 hover:bg-secondary min-w-[5px]; @apply bg-base-100 hover:bg-secondary min-w-[5px];

2
assets/pages/settings.vue
View File

@@ -206,7 +206,7 @@ const fakeMessages = computedWithControl(
); );
</script> </script>
<style scoped> <style scoped>
@import "@/main.css" reference; @reference "@/main.css";
.has-underline { .has-underline {
@apply border-base-content/50 mb-4 border-b py-4; @apply border-base-content/50 mb-4 border-b py-4;