From e90e334b8e5aa1d581de3f10d2760abe145255f6 Mon Sep 17 00:00:00 2001 From: Matt Roberts Date: Fri, 20 Sep 2024 09:31:37 +0100 Subject: [PATCH] Settings tweaks --- public/assets/styles/utility/page.scss | 2 +- public/assets/styles/utility/text.scss | 6 ++--- public/components/Header.tsx | 2 +- public/components/common/form/Form.scss | 4 ++-- .../components/AdminBasePage.scss | 2 +- .../components/AdminBasePage.tsx | 2 +- .../Administration/components/SideMenu.scss | 2 +- .../Administration/components/SideMenu.tsx | 2 +- .../pages/GeneralSettings.page.tsx | 23 ++++++------------- 9 files changed, 18 insertions(+), 27 deletions(-) diff --git a/public/assets/styles/utility/page.scss b/public/assets/styles/utility/page.scss index d8c8b9fb8..b6b31e8cb 100644 --- a/public/assets/styles/utility/page.scss +++ b/public/assets/styles/utility/page.scss @@ -5,7 +5,7 @@ } .page { - padding-top: spacing(4); + padding-top: spacing(5); padding-bottom: spacing(4); } diff --git a/public/assets/styles/utility/text.scss b/public/assets/styles/utility/text.scss index bbafbc6f6..803ff8c24 100644 --- a/public/assets/styles/utility/text.scss +++ b/public/assets/styles/utility/text.scss @@ -10,8 +10,8 @@ pre:last-child { } .text-display2 { - font-size: get("font.size.2xl"); - font-weight: get("font.weight.bold"); + font-size: get("font.size.xl"); + font-weight: get("font.weight.medium"); letter-spacing: -1px; } @@ -21,7 +21,7 @@ pre:last-child { } .text-title { - font-size: get("font.size.lg"); + font-size: get("font.size.xl"); font-weight: get("font.weight.medium"); } diff --git a/public/components/Header.tsx b/public/components/Header.tsx index 495d01507..ca4174d18 100644 --- a/public/components/Header.tsx +++ b/public/components/Header.tsx @@ -18,7 +18,7 @@ export const Header = () => { return (
- +
diff --git a/public/components/common/form/Form.scss b/public/components/common/form/Form.scss index 6d46824f4..5d56ca459 100644 --- a/public/components/common/form/Form.scss +++ b/public/components/common/form/Form.scss @@ -1,11 +1,11 @@ @import "~@fider/assets/styles/variables.scss"; .c-form-field { - margin-bottom: spacing(5); + margin-bottom: spacing(7); > label { display: block; - font-size: get("font.size.sm"); + font-size: get("font.size.base"); margin-bottom: spacing(1); font-weight: 500; } diff --git a/public/pages/Administration/components/AdminBasePage.scss b/public/pages/Administration/components/AdminBasePage.scss index aabb8706f..5059bc7f4 100644 --- a/public/pages/Administration/components/AdminBasePage.scss +++ b/public/pages/Administration/components/AdminBasePage.scss @@ -6,6 +6,6 @@ gap: spacing(4); @include media("lg") { - grid-template-columns: 1fr 5fr; + grid-template-columns: 1fr 4fr 1fr; } } diff --git a/public/pages/Administration/components/AdminBasePage.tsx b/public/pages/Administration/components/AdminBasePage.tsx index 9fb13bfd4..10ad7fc55 100644 --- a/public/pages/Administration/components/AdminBasePage.tsx +++ b/public/pages/Administration/components/AdminBasePage.tsx @@ -17,7 +17,7 @@ export const AdminPageContainer = (props: AdminPageContainerProps) => { return ( <>
-
+
diff --git a/public/pages/Administration/components/SideMenu.scss b/public/pages/Administration/components/SideMenu.scss index 444f856d0..1bd480e73 100644 --- a/public/pages/Administration/components/SideMenu.scss +++ b/public/pages/Administration/components/SideMenu.scss @@ -2,7 +2,7 @@ .c-side-menu { &__item { - padding: spacing(3); + padding: spacing(4); border-bottom: 1px solid get("colors.gray.200"); color: get("colors.gray.900"); diff --git a/public/pages/Administration/components/SideMenu.tsx b/public/pages/Administration/components/SideMenu.tsx index f0f80ba14..b88e7b321 100644 --- a/public/pages/Administration/components/SideMenu.tsx +++ b/public/pages/Administration/components/SideMenu.tsx @@ -39,7 +39,7 @@ export const SideMenu = (props: SiteMenuProps) => { return (
- + diff --git a/public/pages/Administration/pages/GeneralSettings.page.tsx b/public/pages/Administration/pages/GeneralSettings.page.tsx index 4adffff63..414d4012d 100644 --- a/public/pages/Administration/pages/GeneralSettings.page.tsx +++ b/public/pages/Administration/pages/GeneralSettings.page.tsx @@ -44,11 +44,8 @@ const GeneralSettingsPage = () => { return (
- -

- The title is used on the header, emails, notifications and SEO content. Keep it short and simple. The product/service name is usually the best - choice. -

+ +

Keep it short and snappy. Your product / service name is usually best.

@@ -73,16 +70,11 @@ const GeneralSettingsPage = () => { placeholder="Enter your suggestion here..." onChange={setInvitation} > -

- This text is used as a placeholder for the suggestion's text box. Use it to invite your visitors into sharing their suggestions and feedback. - Leave it empty for a default message. -

+

Placeholder text in the suggestion's box. It should invite your visitors into sharing their feedback.

- -

- We accept JPG, GIF and PNG images, smaller than 100KB and with an aspect ratio of 1:1 with minimum dimensions of 200x200 pixels. -

+ +

JPG, GIF or PNG smaller than 100KB, minimum size 200x200 pixels.

 {!Fider.isSingleHostMode() && ( @@ -104,8 +96,7 @@ const GeneralSettingsPage = () => { ] ) : (

- Custom domains allow you to access your app via your own domain name (for example, feedback.yourcompany.com - ). + Use custom domains to access Fider via your own domain name feedback.yourcompany.com

)}