Fakultas Ilmu Komputer UI

Commit 96f36ea1 authored by Dhita Putri Pratama's avatar Dhita Putri Pratama
Browse files

[REFACTOR] Make new classses in HTML

parent c1daf332
Pipeline #49909 passed with stages
in 2 minutes and 23 seconds
......@@ -118,6 +118,9 @@
.kartu-goldar {
font-size: 2rem;
}
.kartu-text-pmi {
font-size: 14px !important;
}
}
@media (max-width: 573px) {
......@@ -133,10 +136,25 @@
.riwayat-donor-card {
margin-left: 0px !important;
}
.col-md-2 {
.kartu-text-pmi {
font-size: 15px !important;
}
.kartu-col-md-2 {
width: 20%;
}
.col-md-8 {
.kartu-col-md-8 {
width: 60%;
}
}
@media (max-width: 400px) {
.kartu-text-pmi {
font-size: 12px !important;
}
}
@media (max-width: 325px) {
.kartu-text-pmi {
font-size: 10px !important;
}
}
......@@ -96,19 +96,19 @@ const Profile = () => {
) : (
<div className="container d-flex flex-column flex-grow-1 justify-content-center">
<div className="row d-flex flex-row justify-content-center align-items-center px-3 mb-3 mt-3">
<div className="col-md-2">
<div className="col-md-2 kartu-col-md-2">
<div className="d-flex align-items-start">
<img src={logo} alt="PMI" className="kartu-logo" />
</div>
</div>
<div className="col-md-8">
<div className="col-md-8 kartu-col-md-8">
<h5 className="kartu-text-pmi">
Unit Transfusi Darah
<br />
PMI Kota Depok
</h5>
</div>
<div className="col-md-2">
<div className="col-md-2 kartu-col-md-2">
<div className="d-flex align-items-end">
{statusProfile === "success" && (
<h1 className="kartu-goldar">
......
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