Added vuetify + test button, Added linter and format on save

This commit is contained in:
Dominic Villemure
2024-02-25 23:16:25 -05:00
parent 675f180034
commit 637ba69958
16 changed files with 1474 additions and 281 deletions

View File

@@ -1,32 +1,48 @@
/* Arrière-plan de la page */
body {
background-color: #f0f0f0;
/* Couleur d'arrière-plan de la page */
margin: 0;
/* Supprimer les marges par défaut */
padding: 0;
/* Supprimer les espaces de remplissage par défaut */
}
/* Arrière-plan de la page */
body {
background-color: #f0f0f0; /* Couleur d'arrière-plan de la page */
margin: 0; /* Supprimer les marges par défaut */
padding: 0; /* Supprimer les espaces de remplissage par défaut */
}
.top-aligned-column {
display: flex;
flex-direction: row; /* Afficher les colonnes en ligne */
justify-content: space-between; /* Espacement égal entre les colonnes */
align-items: flex-start; /* Aligner le contenu en haut */
min-height: 100vh; /* Ajustez selon vos besoins */
padding: 20px; /* Ajouter un espace autour du contenu */
box-sizing: border-box; /* Inclure le padding dans la hauteur */
overflow-y: auto; /* Activer le défilement vertical */
}
/* Style de la colonne */
.column {
flex: 1; /* Chaque colonne occupe autant d'espace que possible */
padding: 20px; /* Espacement interne */
}
.center-column {
flex: 1; /* Augmenter la taille de la colonne centrale */
background-color: #ffffff; /* Couleur de fond de la colonne */
border-radius: 20px; /* Arrondir les coins de la colonne */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Ajouter une ombre à la colonne */
text-align: center; /* Centrer le contenu */
.top-aligned-column {
display: flex;
flex-direction: row;
/* Afficher les colonnes en ligne */
justify-content: space-between;
/* Espacement égal entre les colonnes */
align-items: flex-start;
/* Aligner le contenu en haut */
min-height: 100vh;
/* Ajustez selon vos besoins */
padding: 20px;
/* Ajouter un espace autour du contenu */
box-sizing: border-box;
/* Inclure le padding dans la hauteur */
overflow-y: auto;
/* Activer le défilement vertical */
}
/* Style de la colonne */
.column {
flex: 1;
/* Chaque colonne occupe autant d'espace que possible */
padding: 20px;
/* Espacement interne */
}
.center-column {
flex: 1;
/* Augmenter la taille de la colonne centrale */
background-color: #ffffff;
/* Couleur de fond de la colonne */
border-radius: 20px;
/* Arrondir les coins de la colonne */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
/* Ajouter une ombre à la colonne */
text-align: center;
/* Centrer le contenu */
}