[Homepage] Fix hero title colors (#263)

code4romania · Aug 10, 2023 · 9be0111 · 9be0111
1 parent 5428795
commit 9be0111
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/resources/js/Pages/Public/Home.vue b/resources/js/Pages/Public/Home.vue
@@ -8,7 +8,10 @@
         <header class="flex flex-col-reverse w-full mx-auto lg:gap-10 xl:gap-20 lg:flex-row lg:max-w-7xl px-9">
             <div class="w-full py-12 lg:w-6/12">
                 <!-- Title -->
-                <h1 :class="['relative z-50 text-4xl font-extrabold text-gray-900 lg:text-6xl']">{{ $t('home_title') }}</h1>
+                <h1 class="relative z-50 text-4xl font-extrabold text-gray-900 lg:text-6xl tracking-tight">
+                    <span class="inline-block">{{ $t('home_title_1') }}</span>
+                    <span class="inline-block text-primary-500">{{ $t('home_title_2') }}</span>
+                </h1>
 
                 <!-- Links -->
                 <div class="relative flex flex-col items-center gap-6 pb-10 my-10 md:flex-row">

diff --git a/resources/js/locales/ro.js b/resources/js/locales/ro.js
@@ -278,7 +278,8 @@ export default {
     "register_project":  "Înscrie un proiect",
     "register": "Înregistrează-te",
     "general_statistics": "Statistici generale",
-    "home_title": "Singura platformă online unde donațiile sunt necomisionate",
+    "home_title_1": "Singura platformă online unde",
+    "home_title_2": "donațiile sunt necomisionate",
     "projects": 'proiecte',
     "organizations": "organizații",
     "choose_project": "Alege proiect",