diff --git a/assets/styles/layout/landing/_header.scss b/assets/styles/layout/landing/_header.scss index 2f5495bc3..38fb58376 100644 --- a/assets/styles/layout/landing/_header.scss +++ b/assets/styles/layout/landing/_header.scss @@ -10,6 +10,9 @@ .landing-header-container { width: 100%; + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; display: flex; align-items: center; justify-content: space-between; @@ -102,10 +105,3 @@ } } } -@media screen and (min-width: 1960px) { - .landing-header-container{ - width: 1650px !important; - margin-left: auto !important; - margin-right: auto !important; - } -} \ No newline at end of file diff --git a/assets/styles/layout/landing/_main.scss b/assets/styles/layout/landing/_main.scss index 9d14412e6..b9cb49fd2 100644 --- a/assets/styles/layout/landing/_main.scss +++ b/assets/styles/layout/landing/_main.scss @@ -75,12 +75,10 @@ background-color: var(--surface-hover); } -@media screen and (min-width: 1960px) { - .landing-footer { - width: 1650px !important; - margin-left: auto !important; - margin-right: auto !important; - } +.landing-footer-container { + max-width: 1250px !important; + margin-left: auto !important; + margin-right: auto !important; } .animated-text { @@ -140,6 +138,12 @@ } .landing-users { + .fade-right { + background: linear-gradient(to left, var(--home-bg), transparent); + } + .fade-left { + background: linear-gradient(to right, var(--home-bg), transparent); + } .section-detail { max-width: 1250px !important; margin-left: auto !important; diff --git a/pages/landing/FeaturesSection.vue b/pages/landing/FeaturesSection.vue index 2b9829d63..a9189dabf 100644 --- a/pages/landing/FeaturesSection.vue +++ b/pages/landing/FeaturesSection.vue @@ -3,57 +3,58 @@
Features

PrimeVue is the most complete solution for your UI requirements.

-
-
+
+
+
components icon
90+ UI Components

The ultimate set of UI Components to assist you with 90+ impressive Vue Components.

-
+
components icon
Community

Connect with the other open source community members, collaborate and have a voice in the project roadmap.

-
+
components icon
Productivity

Boost your productivity by achieving more in less time and accomplish amazing results.

-
+
components icon
Accessibility

Compliant with the Web Content Accessibility Guidelines (WCAG 2.0).

-
+
components icon
Enterprise Support

Exceptional support service featuring response within 1 business day and option to request enhancements and new features for the library.

-
+
components icon
Mobile

First class support for responsive design led by touch optimized elements.

-
+
components icon
Themes

Built on a design-agnostic api, choose from a vast amount of themes such as material, bootstrap, custom or develop your own.

-
+
components icon
Typescript
@@ -61,6 +62,8 @@
+
+
diff --git a/pages/landing/FooterSection.vue b/pages/landing/FooterSection.vue index ab8bc8e35..d80a901ad 100644 --- a/pages/landing/FooterSection.vue +++ b/pages/landing/FooterSection.vue @@ -1,86 +1,88 @@