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

Added profile page

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-11-07 18:28:03 +08:00
parent e751d39505
commit 67cb8dde43
2 changed files with 48 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/pages/ProfilePage/Profile.sass Normal file
View file

@ -0,0 +1,11 @@
.name
padding: 1rem 2rem
border-radius: 8px
font-size: 1.75rem
font-weight: 800
display: flex
flex-direction: column
flex-wrap: wrap
align-items: center
background: #16212C
box-shadow: 8px 8px 28px #0d141b, -8px -8px 28px #1f2e3d

37
src/pages/ProfilePage/Profile.tsx Normal file
View file

@ -0,0 +1,37 @@
import './Profile.sass'
import { Logo, Link, Page, Row, Padding, Combobox, Box, Button, Modal, Column, QR, Input, Display } from '../../components'
import { IoChevronBack } from 'solid-icons/io'
import { _employeeName, _employeeId } from '../../stores/employee'
export default () => {
return (
<>
<Page>
<Padding left={4.75} right={4.75} top={0} bottom={0}>
<Row content="split">
<Link to="/">
<Row content="left" gap={2}>
<Logo size={200} />
<h1>OCBO e-Sign</h1>
</Row>
</Link>
<Link to="/">
<Row content="right">
<IoChevronBack size={45} />
<span class="back-button-text">Back</span>
</Row>
</Link>
</Row>
<Column>
<h1 class="name">{sessionStorage.getItem('name')}</h1>
<Row content="left">
<span>Role:</span>
</Row>
</Column>
</Padding>
</Page>
</>
)
}