starred/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2026-09-22 00:00:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: improve login page compatibility (#13029)

Browse Source
This commit is contained in:
王贺
2026-06-12 11:45:14 +08:00
committed by GitHub
parent 45c5c5b40f
commit dbff9c02e9
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/login/index.vue
+6 -3
View File
@@ -6,7 +6,7 @@
class="bg-white shadow-lg relative z-10 border border-gray-200 flex overflow-hidden"
id="login-container"
>
<div class="grid grid-cols-1 md:grid-cols-2 items-stretch w-full">
<div class="grid items-stretch w-full" :style="loginGridStyle">
<div v-if="showLogo" class="flex justify-center" :style="{ height: containerHeight }">
<img
v-show="imgLoaded"
@@ -144,9 +144,12 @@ const { width } = useWindowSize();
const showLogo = computed(() => width.value >= FIXED_WIDTH);
const containerWidth = computed(() => `${FIXED_WIDTH}px`);
const containerHeight = computed(() => `${FIXED_HEIGHT}px`);
const loginGridStyle = computed(() => ({
gridTemplateColumns: showLogo.value ? 'repeat(2, minmax(0, 1fr))' : 'minmax(0, 1fr)',
}));
const loginFormClass = 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';
});
</script>