Start page, no functionality

This commit is contained in:
Franklin 2023-04-15 10:36:47 -04:00
parent a898140108
commit 33f55a04a2
5 changed files with 49 additions and 2 deletions

7
css/admin-common.css Normal file
View File

@ -0,0 +1,7 @@
.admin-panel-page-title {
font-size: 28px;
text-align: center;
font-family: Source Sans Pro;
font-weight: 700;
letter-spacing: 0.1rem;
}

View File

@ -8,3 +8,29 @@
width: 100%; width: 100%;
height: 50vh; height: 50vh;
} }
.admin-start-welcome-message {
font-size: 18px;
text-align: start;
width: 90%;
font-family: Source Sans Pro;
}
.admin-start-page-loads-container {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
}
.admin-start-page-loads-label {
font-family: Source Sans Pro;
font-size: 16px;
text-align: start;
font-weight: 200;
}
.admin-start-page-loads-amount {
font-family: Source Sans Pro;
font-size: 22px;
text-align: end;
font-weight: 800;
}

View File

@ -12,7 +12,7 @@ body {
} }
.admin-page-container { .admin-page-container {
padding-top: 110px; padding-top: 40px;
padding-left: 200px; padding-left: 200px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;

View File

@ -14,6 +14,7 @@
<link data-trunk type="text/css" href="css/contact.css" rel="css" /> <link data-trunk type="text/css" href="css/contact.css" rel="css" />
<link data-trunk type="text/css" href="css/admin-login.css" rel="css" /> <link data-trunk type="text/css" href="css/admin-login.css" rel="css" />
<link data-trunk type="text/css" href="css/admin-start.css" rel="css" /> <link data-trunk type="text/css" href="css/admin-start.css" rel="css" />
<link data-trunk type="text/css" href="css/admin-common.css" rel="css" />
<link data-trunk type="text/css" href="css/components/loading.css" rel="css" /> <link data-trunk type="text/css" href="css/components/loading.css" rel="css" />

View File

@ -9,7 +9,20 @@ pub fn admin_start() -> Html {
<AdminNavigationBar/> <AdminNavigationBar/>
<div class={"admin-page-container"}> <div class={"admin-page-container"}>
<div class={"admin-start-container"}> <div class={"admin-start-container"}>
{"a"} <div class={"admin-panel-page-title"}>{"Inicio"}</div>
<div class={"admin-start-welcome-message"}>{"Bienvenido Jorge, este es tu panel de administración."}</div>
<div class={"admin-start-page-loads-container"}>
<div class={"admin-start-page-loads-label"}>{"Cargas: "}</div>
<div class={"admin-start-page-loads-amount"}>{"201"}</div>
</div>
<div class={"admin-start-page-loads-container"}>
<div class={"admin-start-page-loads-label"}>{"Solicitudes de Contacto: "}</div>
<div class={"admin-start-page-loads-amount"}>{"10"}</div>
</div>
<div class={"admin-start-page-loads-container"}>
<div class={"admin-start-page-loads-label"}>{"Whatsapp Clicks"}</div>
<div class={"admin-start-page-loads-amount"}>{"28"}</div>
</div>
</div> </div>
</div> </div>
</> </>