PatAlcala9/ocbo-esign
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added mobile view

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-10-06 15:59:36 +08:00
parent 721dce1622
commit b77686beac
2 changed files with 72 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/pages/IndexPage/Index.tsx
View file

@ -75,25 +75,61 @@ export default () => {
</Column>
</Row>
</Display>
<Display mobile>
<Row>
<Logo size={200} />
<h1>OCBO e-Sign</h1>
<section class="title">
<h1 class="title__main">Secure e-Signature</h1>
<span class="title__sub">for Office of the City Building Official</span>
<p class="title__paragraph">A paperless and effortless solution on signing permits</p>
</section>
<Column gap={0.5}>
<Button wide label="Login" edges="curved" design="bo-primary" to="/login" />
<Button wide label="Register" edges="curved" design="bo-primary" to="/register" />
</Column>
</Row>
</Display>
</Padding>
<Footer>
<Row content="split">
<Row gap={0.5}>
<Image avif={ocboAvif} webp={ocboWebp} size={30}></Image>
<Display desktop tablet>
<Footer>
<Row content="split">
<Row gap={0.5}>
<Image avif={ocboAvif} webp={ocboWebp} size={30}></Image>
<Row gap={0.25}>
<Copyright year="2025" name="Office of the City Building Official" />
<span>Davao City, Philippines</span>
</Row>
</Row>
<Row gap={0.25}>
<Copyright year="2025" name="Office of the City Building Official" />
<span>Davao City, Philippines</span>
<span>Developed by:</span>
<Image avif={patAvif} webp={patWebp} size={90}></Image>
<span>Pat Alcala</span>
</Row>
</Row>
</Footer>
</Display>
<Row gap={0.25}>
<span>Developed by:</span>
<Image avif={patAvif} webp={patWebp} size={90}></Image>
<span>Pat Alcala</span>
</Row>
</Row>
</Footer>
<Display mobile>
<Footer>
<Column>
<Column gap={0.25}>
<Copyright year="2025" name="Office of the City Building Official" />
<span>Davao City, Philippines</span>
<Row gap={0.25}>
<span>Developed by:</span> <Image avif={patAvif} webp={patWebp} size={60}></Image>
<span>Pat Alcala</span>
</Row>
</Column>
</Column>
</Footer>
</Display>
</Page>
</>
)