Skip to content

Commit 2f0dd4f

Browse files
amir20amir20
authored
chore: removes mobile-hidden (#3522)
1 parent 19ebbcc commit 2f0dd4f

File tree

13 files changed

+22
-28
lines changed

13 files changed

+22
-28
lines changed

‎assets/components/ContainerViewer/ContainerLog.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
v-if="container.state === 'running'"
1010
/>
1111

12-
<ContainerActionsToolbar @clear="viewer?.clear()" class="mobile-hidden" :container="container" />
12+
<ContainerActionsToolbar @clear="viewer?.clear()" class="max-md:hidden" :container="container" />
1313
<a class="btn btn-circle btn-xs" @click="close()" v-if="closable">
1414
<mdi:close />
1515
</a>

‎assets/components/ContainerViewer/ContainerTitle.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<div class="inline-flex items-center text-sm">
99
<div class="breadcrumbs p-0">
1010
<ul>
11-
<li v-if="config.hosts.length > 1" class="mobile-hidden font-thin">
11+
<li v-if="config.hosts.length > 1" class="font-thin max-md:hidden">
1212
{{ container.hostLabel }}
1313
</li>
1414
<li>
@@ -38,7 +38,7 @@
3838
</div>
3939
</div>
4040
<ContainerHealth :health="container.health" v-if="container.health" />
41-
<Tag class="mobile-hidden hidden font-mono @3xl:block" size="small">
41+
<Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
4242
{{ container.image.replace(/@sha.*/, "") }}
4343
</Tag>
4444
</div>

‎assets/components/GroupedViewer/GroupedLog.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
</div>
99
</div>
1010
<MultiContainerStat class="ml-auto" :containers="group.containers" />
11-
<MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
11+
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
1212
</div>
1313
</template>
1414
<template #default>

‎assets/components/HostList.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -23,10 +23,10 @@
2323
</span>
2424
</div>
2525
<ul class="flex flex-row gap-x-2 text-sm md:gap-3">
26-
<li class="flex items-center gap-1"><ph:cpu /> {{ host.nCPU }} <span class="mobile-hidden">CPUs</span></li>
26+
<li class="flex items-center gap-1"><ph:cpu /> {{ host.nCPU }} <span class="max-md:hidden">CPUs</span></li>
2727
<li class="flex items-center gap-1">
2828
<ph:memory /> {{ formatBytes(host.memTotal) }}
29-
<span class="mobile-hidden">total</span>
29+
<span class="max-md:hidden">total</span>
3030
</li>
3131
</ul>
3232
<ul class="flex flex-row flex-wrap gap-x-2 text-sm md:gap-3">

‎assets/components/HostViewer/HostLog.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@
77
<div class="inline-flex font-mono text-sm">
88
<div class="font-semibold">{{ host.name }}</div>
99
</div>
10-
<Tag class="mobile-hidden font-mono" size="small">
10+
<Tag class="font-mono max-md:hidden" size="small">
1111
{{ $t("label.container", containers.length) }}
1212
</Tag>
1313
</div>
1414
<MultiContainerStat class="ml-auto" :containers="containers" />
15-
<MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
15+
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
1616
</div>
1717
</template>
1818
<template #default>

‎assets/components/LogViewer/LogAnalytics.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<aside>
33
<header class="flex items-center gap-4">
4-
<h1 class="mobile-hidden text-2xl">{{ container.name }}</h1>
4+
<h1 class="text-2xl max-md:hidden">{{ container.name }}</h1>
55
<h2 class="text-sm"><DistanceTime :date="container.created" /></h2>
66
</header>
77

‎assets/components/LogViewer/LogDetails.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<header class="flex items-center gap-4">
33
<Tag :data-level="entry.level" class="text-white uppercase" v-if="entry.level">{{ entry.level }}</Tag>
4-
<h1 class="mobile-hidden text-lg">
4+
<h1 class="text-lg max-md:hidden">
55
<DateTime :date="entry.date" />
66
</h1>
77
<h2 class="text-sm"><DistanceTime :date="entry.date" /> on {{ entry.std }}</h2>
@@ -47,7 +47,7 @@
4747
<thead class="text-lg">
4848
<tr>
4949
<th class="w-60">Field</th>
50-
<th class="mobile-hidden">Value</th>
50+
<th class="max-md:hidden">Value</th>
5151
<th class="w-20">
5252
<input type="checkbox" class="toggle toggle-primary" v-model="toggleAllFields" title="Toggle all" />
5353
</th>
@@ -58,7 +58,7 @@
5858
<td class="cursor-move font-mono break-all">
5959
{{ key.join(".") }}
6060
</td>
61-
<td class="mobile-hidden truncate">
61+
<td class="truncate max-md:hidden">
6262
<code v-html="JSON.stringify(value)"></code>
6363
</td>
6464
<td>

‎assets/components/LogViewer/__snapshots__/EventSource.spec.ts.snap

+3-3
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ exports[`<ContainerEventSource /> > render html correctly > should render dates
88
<!--v-if-->
99
<!--v-if-->
1010
<div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
11-
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="mobile-hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
11+
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
1212
</div>
1313
<div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
1414
<div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
@@ -28,7 +28,7 @@ exports[`<ContainerEventSource /> > render html correctly > should render dates
2828
<!--v-if-->
2929
<!--v-if-->
3030
<div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
31-
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="mobile-hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42</time></div>
31+
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42</time></div>
3232
</div>
3333
<div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
3434
<div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">foo bar</div>
@@ -48,7 +48,7 @@ exports[`<ContainerEventSource /> > render html correctly > should render messag
4848
<!--v-if-->
4949
<!--v-if-->
5050
<div class="tag bg-base-100 inline-flex items-center justify-center rounded-sm px-2 py-[0.2em] [[size='small']]:text-[0.8rem] items-start! shrink-0 select-none" size="small">
51-
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="mobile-hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
51+
<div class="inline-flex gap-2 text-blue whitespace-nowrap"><time datetime="2019-06-12T10:55:42.459Z" class="max-md:hidden">06/12/2019</time><time datetime="2019-06-12T10:55:42.459Z">10:55:42 AM</time></div>
5252
</div>
5353
<div data-v-e625cddd="" class="mt-1.5 size-2.5 flex-none rounded-lg flex select-none"></div>
5454
<div data-v-a49e52d4="" class="log-wrapper [word-break:break-word] whitespace-pre-wrap group-[.disable-wrap]:whitespace-nowrap">This is a message.</div>

‎assets/components/MultiContainerViewer/MultiContainerLog.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
</div>
1010
</div>
1111
<MultiContainerStat class="ml-auto" :containers="containers" />
12-
<MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
12+
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
1313
</div>
1414
</template>
1515
<template #default>

‎assets/components/ServiceViewer/ServiceLog.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@
77
<div class="inline-flex font-mono text-sm">
88
<div class="font-semibold">{{ service.name }}</div>
99
</div>
10-
<Tag class="mobile-hidden hidden font-mono @3xl:block" size="small">
10+
<Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
1111
{{ $t("label.container", service.containers.length) }}
1212
</Tag>
1313
</div>
1414
<MultiContainerStat class="ml-auto" :containers="service.containers" />
15-
<MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
15+
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
1616
</div>
1717
</template>
1818
<template #default>

‎assets/components/StackViewer/StackLog.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,15 @@
77
<div class="inline-flex font-mono text-sm">
88
<div class="font-semibold">{{ stack.name }}</div>
99
</div>
10-
<Tag class="mobile-hidden hidden font-mono @3xl:block" size="small">
10+
<Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
1111
{{ $t("label.container", stack.containers.length) }}
1212
</Tag>
13-
<Tag class="mobile-hidden hidden font-mono @3xl:block" size="small">
13+
<Tag class="hidden font-mono max-md:hidden @3xl:block" size="small">
1414
{{ $t("label.serivce", stack.services.length) }}
1515
</Tag>
1616
</div>
1717
<MultiContainerStat class="ml-auto" :containers="stack.containers" />
18-
<MultiContainerActionToolbar class="mobile-hidden" @clear="viewer?.clear()" />
18+
<MultiContainerActionToolbar class="max-md:hidden" @clear="viewer?.clear()" />
1919
</div>
2020
</template>
2121
<template #default>

‎assets/components/common/DateTime.vue

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<template>
22
<div class="inline-flex gap-2">
3-
<time :datetime="date.toISOString()" class="mobile-hidden">{{ dateStr }}</time>
3+
<time :datetime="date.toISOString()" class="max-md:hidden">{{ dateStr }}</time>
44
<time :datetime="date.toISOString()">{{ timeStr }}</time>
55
</div>
66
</template>

‎assets/main.css

-6
Original file line numberDiff line numberDiff line change
@@ -104,12 +104,6 @@
104104
}
105105
}
106106

107-
@utility mobile-hidden {
108-
@media (max-width: 768px) {
109-
display: none;
110-
}
111-
}
112-
113107
@utility menu-active {
114108
&,
115109
&:active {

0 commit comments

Comments
 (0)