ajout boutons pour les documents etc

This commit is contained in:
Erika
2025-05-17 13:20:40 +02:00
parent 6f6931647d
commit f248ba30d0
2 changed files with 60 additions and 3 deletions

View File

@@ -340,3 +340,52 @@
width: 90%; width: 90%;
} }
} }
/* Supprimer tous les styles .learn-more et les remplacer par : */
.button-container {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
width: 100%;
}
.simple-btn {
width: 100%;
padding: 12px 0;
border: none;
border-radius: 6px;
background-color: #4CAF50;
color: white;
font-weight: bold;
cursor: pointer;
transition: background-color 0.3s;
text-align: center;
font-size: 1rem;
}
.simple-btn:hover {
background-color: #45a049;
}
.dark .simple-btn {
background-color: #282936;
}
.dark .simple-btn:hover {
background-color: #1e1e2a;
}
/* Adapter la colonne droite */
.right-column {
width: 20%;
padding: 1rem;
background-color: #f0f0f0;
display: flex;
justify-content: center;
}
.dark .right-column {
background-color: #2d2d2d;
}

View File

@@ -76,9 +76,17 @@
<!-- colonne droite pr partie info user je vais changer ca dans cet emplacement <!-- colonne droite pr partie info user je vais changer ca dans cet emplacement
je vais metrre des boutons et autres features comme des doc etc ou jsp je vais metrre des boutons et autres features comme des doc etc ou jsp
je m en occupe --> je m en occupe -->
<!-- Colonne droite avec boutons simples -->
<aside class="right-column"> <aside class="right-column">
<div class="user-info">Infos utilisateur</div> <div class="button-container">
<button class="simple-btn">Projet</button>
<button class="simple-btn">GDD Global</button>
<button class="simple-btn">Bible 3D Art</button>
<button class="simple-btn">Bible GameDev</button>
<button class="simple-btn">Réglement du HUB</button>
</div>
</aside> </aside>
</main> </main>
<script> <script>
// mode dark pour les gens qui ne sortent pas de chez eux voir la lumiere du jours // mode dark pour les gens qui ne sortent pas de chez eux voir la lumiere du jours