Css styling for Tos

src/views/documentation/FAQ.vue

@@ -1,15 +1,14 @@
 <template>
 
-  <div class="content">
-
-    <h1>FAQ</h1>
+  <div class="DocContainer">
+    <h1 class="DocTitle py-10">FAQ</h1>
 
     <blockquote class="important">
       Certaines fonctionnalités ne sont pas encore implémentées, donc certains libellés sont
       prévus pour la v1.0.
     </blockquote>
 
-    <h2>
+    <h2 class="SubTitle">
       Foire Aux Questions
     </h2>
 
@@ -21,7 +20,7 @@
       fonctionnalités.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       1. Comment puis-je créer un compte sur Hutopy ?
     </h2>
 
@@ -35,7 +34,7 @@
       interagir avec la communauté Hutopy immédiatement après.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       2. Quels types de contenu puis-je publier sur Hutopy ?
     </h2>
 
@@ -47,7 +46,7 @@
       nos valeurs.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       3. Comment Hutopy rémunère-t-il les créateurs de contenu ?
     </h2>
 
@@ -57,11 +56,11 @@
       des utilisateurs.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       4. Comment puis-je modifier mon profil ?
     </h2>
 
-    <p>
+    <p >
       Connectez-vous à votre compte, accédez à
       votre profil, puis cliquez sur "Éditer le profil" pour modifier vos informations, ajouter
       une bio, changer votre photo de profil, et plus encore.
@@ -76,7 +75,7 @@
       votre compte sur votre profil dans la section plus. Notez que cette action est irréversible.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       6. Que faire si j'oublie mon mot de passe ?
     </h2>
 
@@ -86,7 +85,7 @@
       votre adresse courriel.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       7. Comment signaler un contenu inapproprié ?
     </h2>
 
@@ -96,7 +95,7 @@
       bouton "Signaler" associé au contenu en question pour alerter notre équipe de modération.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       8. Comment puis-je contacter le support Hutopy ?
     </h2>
 
@@ -106,7 +105,7 @@
       réseaux sociaux. Notre équipe s'efforce de répondre rapidement à toutes les demandes.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       9. Quels sont les frais pour les créateurs sur Hutopy ?
     </h2>
 
@@ -119,7 +118,7 @@
       expérience sur Hutopy.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       10. Y a-t-il des frais pour s'inscrire ou pour maintenir mon compte sur Hutopy ?
     </h2>
 
@@ -129,7 +128,7 @@
       commencer à utiliser Hutopy et à partager votre contenu sans aucun coût initial.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       11. Les utilisateurs doivent-ils payer pour accéder au contenu sur Hutopy ?
     </h2>
 
@@ -141,7 +140,7 @@
       travail.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       12. Existe-t-il des frais pour retirer mes gains de la plateforme ?
     </h2>
 
@@ -152,7 +151,7 @@
       imposés par ces services ou institutions financières, mais pas par Hutopy.
     </p>
 
-    <h2>
+    <h2 class="SubTitle">
       13. Les frais Hutopy sont-ils les mêmes pour tous les types de contenu ?
     </h2>
 
@@ -166,28 +165,9 @@
 
 </template>
 
-<style scoped>
+<style>
 
 .important {
   @apply m-2 text-red-500 my-4
 }
-
-.document {
-  @apply flex flex-col mx-10 space-y-4
-}
-
-h1 {
-  @apply self-center my-20 text-6xl font-bold
-}
-
-h2 {
-  @apply text-lg font-normal font-semibold font-sans
-}
-
-p {
-  @apply text-base font-normal font-sans
-}
-
 </style>
-<script setup lang="ts">
-</script>