Skip to content

Commit ce369c1

Browse files
antfuantfu
committed
fix(hub-ui): update ui
1 parent 595eb81 commit ce369c1

3 files changed

Lines changed: 5 additions & 13 deletions

File tree

‎packages/hub-ui/src/client/.generated/css.ts‎

Lines changed: 1 addition & 1 deletion
Large diffs are not rendered by default.

‎packages/hub-ui/src/client/components/dock/Dock.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -293,7 +293,7 @@ onMounted(() => {
293293
<div
294294
v-if="isRpcTrusted"
295295
:class="isMinimized ? 'opacity-0 pointer-events-none' : 'opacity-100'"
296-
class="transition duration-200 flex items-center w-full h-full justify-center px3"
296+
class="transition duration-200 flex items-center w-full h-full justify-center px1 overflow-hidden"
297297
>
298298
<DockEntriesWithCategories
299299
:context="context"

‎packages/hub-ui/src/client/components/views/ViewIframe.vue‎

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,6 @@ import type { IframePanes } from 'iframe-pane'
55
import type { CSSProperties } from 'vue'
66
import { REMOTE_CONNECTION_KEY } from '@devframes/hub/constants'
77
import { computed, nextTick, onMounted, onUnmounted, ref, useTemplateRef, watchEffect } from 'vue'
8-
import { getEntryGroup } from '../../state/dock-settings'
98
import { sharedStateToRef } from '../../state/docks'
109
1110
const props = defineProps<{
@@ -44,15 +43,9 @@ function stripRemoteConnectionParam(url: string): string {
4443
}
4544
4645
const settings = sharedStateToRef(props.context.docks.settings)
47-
const showAddressBar = computed(() => settings.value.showIframeAddressBar ?? true)
4846
const isEdgeMode = computed(() => props.context.panel.store.mode === 'edge')
49-
const addressBarBorderClass = computed(() => {
50-
if (isEdgeMode.value)
51-
return 'border-b'
52-
if (getEntryGroup(props.context.docks.entries, props.entry))
53-
return 'border-t border-r rounded-tr-md'
54-
return 'border rounded-t-md border-b-0'
55-
})
47+
const showAddressBar = computed(() => settings.value.showIframeAddressBar ?? true)
48+
5649
const ADDRESS_BAR_HEIGHT = 40
5750
5851
const isLoading = ref(true)
@@ -271,8 +264,7 @@ onUnmounted(() => {
271264
<div class="w-full h-full flex flex-col">
272265
<div
273266
v-if="showAddressBar"
274-
class="flex-none px-2 w-full flex items-center gap-1 border-base"
275-
:class="addressBarBorderClass"
267+
class="flex-none px-2 w-full flex items-center gap-1 border-base border-b"
276268
:style="{ height: `${ADDRESS_BAR_HEIGHT}px` }"
277269
>
278270
<!-- Navigation buttons (hidden for cross-origin) -->

0 commit comments

Comments
 (0)