FAQ fixed and updated and home restyled

src/components/BaseComponents/PaginationTemplate.vue

@@ -7,7 +7,7 @@
     >
       Forrige
     </span>
-    <label class="mx-2">{{ currentPage + 1 }} av {{ totalPages() }}</label>
+    <label class="mx-2 text-primary-light">{{ currentPage + 1 }} av {{ totalPages() }}</label>
     <span
       v-if="showNextLink()"
       class="cursor-pointer inline-flex items-center p-2 text-sm font-medium text-primary-light bg-white rounded-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700"

src/components/CommunityComponents/CommunityListItem.vue

@@ -54,7 +54,7 @@
         v-if="!community.picture"
         class="h-10 w-10 flex flex-col justify-center items-center ml-2 mr-2"
       >
-        <UserGroupIcon alt="Felleskapets bilde" class="h-10 w-10" />
+        <UserGroupIcon alt="Felleskapets bilde" class="h-10 w-10 text-primary-dark" />
       </div>
       <div
         v-else
@@ -67,7 +67,7 @@
         />
       </div>
       <div class="flex-1 pl-1 overflow-hidden">
-        <div class="font-medium dark:text-white truncate">
+        <div class="font-medium text-gray-800 dark:text-white truncate">
           {{ community.name }}
         </div>
       </div>

src/views/CommunityViews/CommunityView.vue

@@ -8,7 +8,7 @@
       <div v-if="loggedIn">
         <div class="flex flex-row p-4 relative">
           <div
-            class="text-xl md:text-2xl text-primary-light font-medium w-full"
+            class="text-xl md:text-2xl text-primary-medium font-medium w-full"
           >
             Mine grupper
           </div>
@@ -33,7 +33,7 @@
       </div>
 
       <!-- Public communities, with search and pagination -->
-      <p class="text-xl md:text-2xl text-primary-light font-medium w-full p-4">
+      <p class="text-xl md:text-2xl text-primary-medium font-medium w-full p-4">
         Offentlige grupper
       </p>
       <!-- Search field -->

src/views/HelpView.vue

@@ -18,8 +18,8 @@
           </div>
           <div class="">
             <h4 class="font-bold text-gray-800 text-xl mb-1">Lokaler</h4>
-            <p>{{ contact.address }},</p>
-            <p>{{ contact.city }},</p>
+            <p>{{ contact.address }}</p>
+            <p>{{ contact.city }}</p>
             <p>{{ contact.country }}</p>
           </div>
         </div>
@@ -28,7 +28,7 @@
             <MailIcon class="w-14 h-14 text-primary-dark rounded mr-4" />
           </div>
           <div class="">
-            <h4 class="font-bold text-gray-800 text-xl mb-1">Epost Addresse</h4>
+            <h4 class="font-bold text-gray-800 text-xl mb-1">E-postadresse</h4>
             <p>{{ contact.email }}</p>
           </div>
         </div>
@@ -38,7 +38,7 @@
       <div
         class="mx-auto text-center px-4 text-2xl text-primary-dark font-semibold"
       >
-        Frequently Asked Questions
+        Ofte stilte spørsmål
       </div>
       <div
         class="mt-8 mx-auto max-w-screen-sm lg:max-w-screen-lg flex flex-col lg:grid lg:grid-cols-2"
@@ -49,7 +49,7 @@
               id="question-and-answer"
               class="select-none cursor-pointer border-2 mx-8 my-3 px-6 py-4 rounded-lg text-sm group"
             >
-              <dt id="question">
+              <dt id="question" @click="toggle(faqItem)">
                 <div class="flex justify-between text-gray-800">
                   <div class="font-bold">
                     {{ faqItem.question }}
@@ -93,7 +93,7 @@ export default {
       contact: {
         description:
           "BoCo (Borrow Community) er et norsk selskap som tilbyr en plattform for utlån av gjenstander for privatpersoner og bedrifter. BoCo streber for å bli den foretrukne plattformen for lån for privatpersoner og bedrifter i Norge.",
-        email: "BorrowCompany@BorrowCommunity.com",
+        email: "kontakt@boco.no",
         address: "O. S. Bragstads Plass 2G",
         city: "Trondheim",
         country: "Norge",

tailwind.config.js

@@ -24,7 +24,7 @@ module.exports = {
       primary: {
         light: "#306EC1",
         medium: "#004aad",
-        dark: "#003884",
+        dark: "#002B66",
       },
       secondary: {
         light: "#653273",