feat: improved FAQ spacingand sizing + added price highlight

M-Media-Group · Apr 28, 2024 · dc612bf · dc612bf
1 parent 76029d3
commit dc612bf
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 2 deletions.
diff --git a/__snapshots__/screens-singleqr--default.png b/__snapshots__/screens-singleqr--default.png
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -282,7 +282,7 @@
     "One-time password": "One-time password",
     "Claim your link": "Claim your link",
     "If you don't claim your link it will be deleted in 3 minutes.": "If you don't claim your link it will be deleted in 3 minutes.",
-    "Claim your link now to edit designs, manage destinations, and see analytics.": "Claim your link now to edit designs, manage destinations, and see analytics.",
+    "Claim your link now to edit designs, manage destinations, and see analytics.": "Claim your link now for free to edit designs, manage destinations, and see analytics.",
     "Phone number": "Phone number",
     "Claim link": "Claim link",
     "Welcome back!": "Welcome back!",

diff --git a/src/locales/fr.json b/src/locales/fr.json
@@ -282,7 +282,7 @@
     "One-time password": "Mot de passe à usage unique",
     "Claim your link": "Réclamez votre lien",
     "If you don't claim your link it will be deleted in 3 minutes.": "Si vous ne réclamez pas votre lien, il sera supprimé dans 3 minutes.",
-    "Claim your link now to edit designs, manage destinations, and see analytics.": "Réclamez votre lien maintenant pour modifier les designs, gérer les destinations et voir les analyses.",
+    "Claim your link now to edit designs, manage destinations, and see analytics.": "Réclamez votre lien maintenant (gratuit) pour modifier les designs, gérer les destinations et voir les analyses.",
     "Phone number": "Numéro de téléphone",
     "Claim link": "Réclamer le lien",
     "Welcome back!": "Bienvenue de retour !",

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
@@ -265,4 +265,25 @@ img {
 .tab-nav {
   margin-bottom: var(--pico-spacing);
 }
+
+#faq {
+  grid-template-columns: 1fr 3fr;
+}
+
+#faq summary {
+  font-size: 120%;
+  line-height: unset;
+}
+
+#faq details[open] > summary {
+  margin-bottom: unset;
+}
+
+/* The second article in #pricing */
+#pricing > div > :nth-child(2) {
+  scale: 1.05;
+  border-top-color: var(--pico-primary-color);
+  border-top: calc(var(--pico-border-width) * 4) solid var(--pico-primary);
+  border-radius: var(--pico-border-radius);
+}
 </style>