feat: 优化登录和注册页面的布局,调整容器宽度以适应不同屏幕
This commit is contained in:
@@ -79,7 +79,7 @@ function goToTerms(type: "service" | "privacy") {
|
||||
<!-- 主要内容区域 -->
|
||||
<div class="relative z-2 h-full flex flex-col p-10 px-6 pb-5">
|
||||
<!-- 顶部Logo和欢迎语 -->
|
||||
<div class="flex items-center gap-6 my-8">
|
||||
<div class="flex items-center gap-6 my-8 max-w-100 w-full mx-auto">
|
||||
<div class="flex justify-center">
|
||||
<div class="emblem-circle">
|
||||
<div class="emblem-inner">
|
||||
@@ -103,7 +103,7 @@ function goToTerms(type: "service" | "privacy") {
|
||||
</div>
|
||||
|
||||
<!-- 登录表单 -->
|
||||
<div class="flex-1 flex flex-col gap-4 max-w-[400px] w-full mx-auto">
|
||||
<div class="flex-1 flex flex-col gap-4 max-w-100 w-full mx-auto">
|
||||
<!-- 手机号输入 -->
|
||||
<ion-item lines="none" class="input-item">
|
||||
<ion-input
|
||||
|
||||
@@ -100,7 +100,7 @@ function goToTerms(type: "service" | "privacy") {
|
||||
<!-- 主要内容区域 -->
|
||||
<div class="relative z-2 h-full flex flex-col py-8 px-6 pb-5 overflow-y-auto">
|
||||
<!-- 顶部Logo和标题 -->
|
||||
<div class="shrink-0 flex items-center gap-6 mt-6 mb-6">
|
||||
<div class="shrink-0 flex items-center gap-6 mt-6 mb-6 max-w-100 w-full mx-auto">
|
||||
<div class="flex justify-center">
|
||||
<div class="emblem-circle-sm">
|
||||
<div class="emblem-inner-sm">
|
||||
|
||||
Reference in New Issue
Block a user