mirror of
https://github.com/m1ngsama/FUJI.git
synced 2025-12-25 02:56:38 +00:00
fix responsive
This commit is contained in:
parent
32d66d584b
commit
07eb277419
1 changed files with 33 additions and 26 deletions
|
|
@ -1,13 +1,19 @@
|
|||
---
|
||||
import GenerateQR from "./GenerateQR.vue"
|
||||
import { SITE_TITLE, SITE_DESCRIPTION } from "../../consts"
|
||||
import BaseHead from "../../components/BaseHead.astro"
|
||||
|
||||
const { primaryTitle } = Astro.props
|
||||
const title = primaryTitle ? `${primaryTitle} - ${SITE_TITLE}` : SITE_TITLE;
|
||||
---
|
||||
|
||||
<html class="" lang="zh-CN" dir="ltr">
|
||||
<html class="js no-touch progressive-image no-reduced-motion progressive" lang="zh-CN" dir="ltr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<BaseHead title={title} description={SITE_DESCRIPTION} />
|
||||
</head>
|
||||
<body>
|
||||
<div class="bg-[#f5f5f7] flex flex-col sm:flex-row items-center h-screen justify-center gap-8 p-8">
|
||||
<div class="bg-[#f5f5f7] w-full h-screen flex flex-col justify-between items-center">
|
||||
<div class=" flex flex-col sm:flex-row items-center h-full max-w-[1280px] justify-center gap-8 p-8">
|
||||
<div
|
||||
class=" sm:w-auto"
|
||||
>
|
||||
|
|
@ -35,5 +41,6 @@ import GenerateQR from "./GenerateQR.vue"
|
|||
</div>
|
||||
<GenerateQR client:load class="min-w-[50%]"></GenerateQR>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in a new issue