fix: improve enterprise license page compatibility (#13616)

This commit is contained in:
ssongliu
2026-08-21 17:33:23 +08:00
committed by GitHub
parent 6f6747a584
commit 6a378b6863

View File

@@ -16,7 +16,7 @@
>
{{ $t('license.restoreCommunity') }}
</el-button>
<div class="grid grid-cols-1 md:grid-cols-2 items-stretch w-full">
<div class="grid items-stretch w-full" :style="licenseGridStyle">
<div v-if="showLogo" class="flex justify-center" :style="{ height: containerHeight }">
<img
v-show="imgLoaded"
@@ -172,10 +172,13 @@ const containerWidth = computed(() => `${FIXED_WIDTH}px`);
const containerHeight = computed(() => `${FIXED_HEIGHT}px`);
const width = ref(window.innerWidth);
const showLogo = computed(() => width.value >= FIXED_WIDTH);
const licenseGridStyle = computed(() => ({
gridTemplateColumns: showLogo.value ? 'repeat(2, minmax(0, 1fr))' : 'minmax(0, 1fr)',
}));
const licenseFormClass = computed(() => {
return showLogo.value
? 'hidden md:flex items-center justify-center p-4'
: 'flex items-center justify-center p-4 w-full';
? 'flex items-center justify-center p-4 min-w-0'
: 'flex items-center justify-center p-4 w-full min-w-0';
});
const updateSize = () => {