From a8aa6e2d61a30d7474546c064db444aa73a700fb Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Wed, 18 Oct 2023 13:15:34 +0300 Subject: [PATCH] Visual fixes --- assets/data/news.json | 6 +++--- assets/menu/menu.json | 4 ++-- components/doc/DocSectionCode.vue | 4 ++-- doc/tailwind/SetupDoc.vue | 6 +++--- pages/landing/BlockSection.vue | 2 +- pages/landing/FeaturesSection.vue | 2 +- pages/landing/HeroSection.vue | 8 +++----- pages/landing/TemplateSection.vue | 2 +- pages/landing/ThemeSection.vue | 2 +- 9 files changed, 17 insertions(+), 19 deletions(-) diff --git a/assets/data/news.json b/assets/data/news.json index 86701bb1f..5b3035535 100644 --- a/assets/data/news.json +++ b/assets/data/news.json @@ -1,8 +1,8 @@ { - "id": 43, - "content": "Building Design Systems with Tailwind", + "id": 44, + "content": "🎉 Introduding the official Nuxt Module. ", "linkText": "Learn More", - "linkHref": "https://primevue.org/tailwind", + "linkHref": "https://primevue.org/nuxt", "backgroundStyle": "background-color:#059669", "textStyle": "color:#ffffff;font-weight:500", "linkStyle": "color:#ffffff;font-weight:700;text-decoration: underline;" diff --git a/assets/menu/menu.json b/assets/menu/menu.json index 8be8fc759..f7cae60dd 100644 --- a/assets/menu/menu.json +++ b/assets/menu/menu.json @@ -579,7 +579,7 @@ }, { "name": "Twitter", - "href": "https://twitter.com/primevue?lang=en" + "href": "https://twitter.com/primevue" }, { "name": "Newsletter", @@ -592,4 +592,4 @@ ] } ] -} \ No newline at end of file +} diff --git a/components/doc/DocSectionCode.vue b/components/doc/DocSectionCode.vue index d17d37605..f0411d7f2 100644 --- a/components/doc/DocSectionCode.vue +++ b/components/doc/DocSectionCode.vue @@ -30,8 +30,8 @@ diff --git a/doc/tailwind/SetupDoc.vue b/doc/tailwind/SetupDoc.vue index 665554201..23d0438bd 100644 --- a/doc/tailwind/SetupDoc.vue +++ b/doc/tailwind/SetupDoc.vue @@ -5,7 +5,7 @@ sure to apply the CSS layer configuration above when including the styles of Tailwind as well.

- + Tailwind uses PurgeCSS internally to remove unused classes, as PrimeVue components are loaded from node_modules the content property at tailwind.config.js needs to be aware of PrimeVue, otherwise the classes utilized in the theme will be removed as well.

- + Next step is enabling the unstyled option to remove the default style classes from the components and adding an empty pt so that they can be styled with Tailwind in the next section. Note that if you run your application at this stage, functionality and accessibility of the components will still work but everything will be transparent as there is no style.

- + At the final step, component styles are provided via a pass through configuration that utilizes Tailwind CSS. The default preset of each component is available at the Tailwind part under theming section of each component so you'll able to copy paste instead of starting from scratch. Example below styles, inputtext and panel components; diff --git a/pages/landing/BlockSection.vue b/pages/landing/BlockSection.vue index fbd051e9c..64acdb0b2 100644 --- a/pages/landing/BlockSection.vue +++ b/pages/landing/BlockSection.vue @@ -4,7 +4,7 @@

400+ ready to copy-paste UI blocks to build spectacular applications in no time.

- Learn More + Explore All
diff --git a/pages/landing/FeaturesSection.vue b/pages/landing/FeaturesSection.vue index 4d8e778c5..188bcbd99 100644 --- a/pages/landing/FeaturesSection.vue +++ b/pages/landing/FeaturesSection.vue @@ -2,7 +2,7 @@
Features

PrimeVue is the most complete solution for your UI requirements.

-
+
diff --git a/pages/landing/HeroSection.vue b/pages/landing/HeroSection.vue index fd9039e85..12d117421 100644 --- a/pages/landing/HeroSection.vue +++ b/pages/landing/HeroSection.vue @@ -73,13 +73,13 @@
    -
  • +
  • Avatar
    Amanda Williams -

    Administrator

    + Administrator
  • @@ -191,9 +191,7 @@ export default { return { plugins: { legend: { - labels: { - color: textColor - } + display: false } }, scales: { diff --git a/pages/landing/TemplateSection.vue b/pages/landing/TemplateSection.vue index 80116c5a3..e03bf21e9 100644 --- a/pages/landing/TemplateSection.vue +++ b/pages/landing/TemplateSection.vue @@ -4,7 +4,7 @@

    Professionally designed highly customizable application templates to get started in style.

    - Learn More + Explore All
    diff --git a/pages/landing/ThemeSection.vue b/pages/landing/ThemeSection.vue index 375863f5a..76a5784bf 100644 --- a/pages/landing/ThemeSection.vue +++ b/pages/landing/ThemeSection.vue @@ -2,7 +2,7 @@
    Themes

    Crafted on a design-agnostic infrastructure, choose from a vast amount of themes such as Material, Bootstrap, Tailwind, PrimeOne or develop your own.

    -
    +