toine/mon-site-perso
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mise a jour du frontend

Browse source
This commit is contained in:
toine 2025-10-05 08:52:12 +02:00
parent 618b740588
commit 9737caff99
9 changed files with 332 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

60
frontend/app/css/components.css
View file

@ -81,7 +81,7 @@
width: 40px;
height: 40px;
border-radius: 999px;
background: var(--color-accent-50, #fff4ec);
background: var(--color-accent-600);
border: 1px solid var(--color-accent-100, #ffe4d6);
box-shadow: inset 0 0 0 2px rgba(255, 107, 53, 0.08);
}
@ -574,3 +574,61 @@ section > ul > li > ul > li {
font-size: 0.85rem;
font-weight: 600;
}
/* =========================
Projets — cartes avec header image et footer tags
========================= */
.projects-list > li.project-card {
padding: 0;
overflow: hidden;
}
.project-card__link {
display: flex;
flex-direction: column;
height: 100%;
color: inherit;
text-decoration: none;
}
.project-card__header {
position: relative;
}
.project-card__image {
width: 100%;
height: 160px;
background-size: cover;
background-position: center;
background-color: var(--color-accent-50, #fff4ec);
}
.project-card__image--placeholder {
display: flex;
align-items: center;
justify-content: center;
color: var(--color-accent-700, #c74d25);
font-weight: 700;
font-size: 1.75rem;
}
.project-card__body {
padding: var(--space-5, 1.25rem) var(--space-6, 1.5rem);
}
.project-card__body h3 {
margin: 0 0 var(--space-2, 0.5rem);
font-size: 1.125rem;
}
.project-card__body p {
margin: 0;
color: var(--color-muted, #6b7280);
}
.project-card__footer {
margin-top: auto;
padding: var(--space-4, 1rem) var(--space-6, 1.5rem) var(--space-5, 1.25rem);
border-top: 1px solid var(--color-border, #efefef);
}

4
frontend/app/css/globals.css
View file

@ -15,8 +15,9 @@ body {
color: var(--color-text, #1f2937);
min-height: 100svh;
padding-top: var(--header-height, 80px); /* espace pour le header fixe */
transition: background-color 0.25s ease, color 0.25s ease;
transition: background-color 0.25s ease, color 0.25s ease;
display: flex;
flex-direction: column;
}
/* Images fluides */
@ -29,6 +30,7 @@ img, svg, video {
/* Mise en page commune */
main {
display: block;
flex: 1 0 auto;
}
.container {