XavierOliveira/Plataforma-de-Tutoriais
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: padding on elements from dashboard page

Browse Source
This commit is contained in:
Xavier Oliveira
2026-05-29 09:36:58 +01:00
parent ca79de6cc1
commit 472285cf61
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
frontend-plataforma-tutoriais/src/pages/private/dashboard/index.tsx
View File

@@ -189,7 +189,7 @@ export default function Home() {
return (
<div className={`${styles.container} mx-2 mx-sm-0 p-2 p-sm-4 p-lg-0`}>
<div className={`${styles.containerVideos} px-2 p-sm-4`}>
<div className={`${styles.containerVideos} px-2 p-sm-4 mx-sm-1 mx-lg-0`}>
<div className="d-flex flex-column flex-sm-row justify-content-between align-items-center px-0" >
<h2 className={`${styles.subtitle} text-center text-sm-start mt-4 mt-sm-3 mb-4 px-0 `}>{role === 1 ? "Vídeos ativos" : "Continuar Formação"}</h2>
<Link to="/videos" className={`${styles.link} text-decoration-none fw-semibold fs-5 mt-sm-3 mb-4`}>Ver vídeos <LuArrowUpRight className="mb-1 me-2" size={25} /></Link>
@@ -238,12 +238,12 @@ export default function Home() {
</div>
</div>
<div className="ms-0 px-4 mt-4">
<div className="ms-0 px-lg-4 mt-4">
<div className="d-flex flex-column flex-sm-row justify-content-between align-items-center px-0" >
<h2 className={`${styles.subtitle} text-center text-sm-start mt-4 mt-sm-3 mb-4`}>Próximos workshops</h2>
<Link to="/workshops" className={`${styles.link} text-decoration-none fw-semibold fs-5 mt-sm-3 mb-sm-4`}>Ver workshops <LuArrowUpRight className="mb-1 me-2" size={25} /></Link>
</div>
<div className="row mt-4 mt-sm-1 px-2">
<div className="row mt-4 mt-sm-1 px-1 px-sm-2">
{workshops.length > 0 ? workshops.map((workshop: Workshop) => (
<div className="col-12 col-sm-6 col-lg-4 p-2 position-relative">
<div className={`${styles.boxWorkshop} text-start pb-3`}>
@@ -296,8 +296,8 @@ export default function Home() {
<div className="row">
<div className="col-12 col-lg-8 mt-5 px-3">
<form onSubmit={sendMail} className="pt-2">
<div className="row g-3 bg-white p-4 rounded-3 mt-3">
<form onSubmit={sendMail} className="pt-2 px-1">
<div className="row g-3 bg-white p-4 mt-3" style={{ borderRadius: "var(--border-radius)" }}>
<div className="text-center text-sm-start mb-4">
<h2 className={styles.subtitle}>Formulário de contacto</h2>
<span>Preencha o formulário abaixo para entrar em contacto connosco</span>
@@ -345,9 +345,9 @@ export default function Home() {
</form>
</div>
<div className="col-12 col-lg-4 mt-lg-5 px-0 ps-lg-4">
<div className="h-100 pt-4">
<div className={`${styles.userVideosWatched} text-start justify-content-evenly d-flex flex-column h-100 p-4`}>
<div className="col-12 col-lg-4 mt-lg-5 px-sm-0 ps-lg-4 pe-lg-3 px-2">
<div className="h-100 pt-4 px-1 px-lg-0">
<div className={`${styles.userVideosWatched} text-start justify-content-evenly d-flex flex-column h-100 p-4 mx-sm-2 ms-lg-2 me-lg-0`}>
<div className="d-flex flex-column">
<span className="fw-normal fs-3 text-white" > {role === 1 ? "Vídeos ativos" : "Vídeos assistidos"}</span>
<span className=" fw-bold text-white" style={{ fontSize: "4rem" }}>{role === 1 ? videosCount : `${videosWatched}/${videosCount}`}</span>