Fakultas Ilmu Komputer UI

Commit 75740bd8 authored by Edrick Lainardi's avatar Edrick Lainardi
Browse files

[CHORES] Fix styling for detail pages

parent 39832de6
Pipeline #46163 passed with stages
in 23 minutes and 42 seconds
......@@ -51,30 +51,36 @@ const DetailDonasi = ({ idDonasi }) => {
margin: 2rem 3rem 3rem 3rem;
flex-direction: column;
justify-content: space-around;
height: 125vh;
height: 75vh;
`}
>
{error && <ErrorDiv>Something error</ErrorDiv>}
<button
css={css`
align-self: start;
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
`}
onClick={() => navigate(-1)}
>
<ArrowBackIcon fontSize="large" />
</button>
<div
css={css`
font-size: 1rem;
`}
>
ADMIN - DETAIL DONASI
<div>
<button
css={css`
align-self: start;
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
display: inline-block;
vertical-align: middle;
`}
onClick={() => navigate(-1)}
>
<ArrowBackIcon fontSize="large" />
</button>
<div
css={css`
display: inline-block;
font-size: 2rem;
vertical-align: middle;
`}
>
DETAIL DONASI
</div>
</div>
<div
css={css`
......@@ -162,7 +168,7 @@ const DetailDonasi = ({ idDonasi }) => {
align-items: baseline;
`}
>
<PersonIcon />
<PersonIcon style={{ color: "FFC80A" }} />
<Link to={`/pengguna/${donation.user}`}>
{donation.user_full_name} / {donation.user_username}
</Link>
......@@ -174,7 +180,7 @@ const DetailDonasi = ({ idDonasi }) => {
align-items: baseline;
`}
>
<PhoneIcon />
<PhoneIcon style={{ color: "FFC80A" }} />
<div>{donation.user_phone_number}</div>
</div>
<div
......
......@@ -63,26 +63,32 @@ const DetailTransaksi = ({ idTransaksi }) => {
`}
>
{error && <ErrorDiv>Something error</ErrorDiv>}
<button
css={css`
align-self: start;
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
`}
onClick={() => navigate(-1)}
>
<ArrowBackIcon fontSize="large" />
</button>
<div
css={css`
font-size: 1rem;
`}
>
ADMIN - KELOLA TRANSAKSI
<div>
<button
css={css`
align-self: start;
background-color: Transparent;
background-repeat: no-repeat;
border: none;
cursor: pointer;
overflow: hidden;
outline: none;
vertical-align: middle;
display: inline-block;
`}
onClick={() => navigate(-1)}
>
<ArrowBackIcon fontSize="large" />
</button>
<div
css={css`
font-size: 2rem;
vertical-align: middle;
display: inline-block;
`}
>
KELOLA TRANSAKSI
</div>
</div>
<div
css={css`
......@@ -172,7 +178,7 @@ const DetailTransaksi = ({ idTransaksi }) => {
align-items: baseline;
`}
>
<PersonIcon />
<PersonIcon style={{ color: "FFC80A" }} />
<Link to={`/pengguna/${transaction.user}`}>
{transaction.user_full_name} / {transaction.user_username}
</Link>
......@@ -185,7 +191,7 @@ const DetailTransaksi = ({ idTransaksi }) => {
align-items: baseline;
`}
>
<PhoneIcon />
<PhoneIcon style={{ color: "FFC80A" }} />
<div>{transaction.user_phone_number}</div>
</div>
<div
......@@ -199,13 +205,12 @@ const DetailTransaksi = ({ idTransaksi }) => {
font-size: 1.2rem;
`}
>
<ContactsIcon />
Alamat Pengiriman
<div>{`${transaction.shipping_address},
<ContactsIcon style={{ color: "FFC80A", marginRight: "4px" }} />
{`${transaction.shipping_address},
RT ${transaction.shipping_neighborhood},
RW ${transaction.shipping_hamlet},
Kelurahan ${transaction.shipping_urban_village},
Kecamatan ${transaction.shipping_sub_district}`}</div>
Kecamatan ${transaction.shipping_sub_district}`}
</div>
</div>
<TableContainer component={Paper}>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment