UI/UX minimal fixes

primefaces · Mar 28, 2023 · 4cb2eee · 4cb2eee
1 parent d34b859
commit 4cb2eee
Show file tree

Hide file tree

Showing 7 changed files with 196 additions and 199 deletions.
diff --git a/components/layout/config.js b/components/layout/config.js
@@ -59,15 +59,7 @@ export default function Config(props) {
                 </section>
 
                 <section>
-                    <h3>Free Themes</h3>
-                    <p>
-                        Built-in component themes created by the{' '}
-                        <a href="https://www.primefaces.org/designer/primereact" className="text-primary hover:underline font-semibold">
-                            PrimeReact Theme Designer
-                        </a>
-                        .
-                    </p>
-
+                    <h3>Themes</h3>
                     <h4>Bootstrap</h4>
                     <div className="grid free-themes">
                         <div className="col-3 flex flex-column align-items-center gap-2">

diff --git a/components/layout/layout.js b/components/layout/layout.js
@@ -12,7 +12,7 @@ import Topbar from './topbar';
 
 export default function Layout(props) {
     const [inputStyle, setInputStyle] = useState('outlined');
-    const [ripple, setRipple] = useState(false);
+    const [ripple, setRipple] = useState(true);
     const [sidebarActive, setSidebarActive] = useState(false);
     const [configActive, setConfigActive] = useState(false);
     const router = useRouter();

diff --git a/pages/roadmap/index.js b/pages/roadmap/index.js
diff --git a/pages/support/index.js b/pages/support/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 const SupportPage = () => {
     return (
-        <div className="content-section">
+        <div>
             <img alt="PRO Support" src="https://primefaces.org/cdn/primereact/images/support/support-header.png" className="w-full block mb-5" style={{ borderRadius: '20px' }} />
 
             <div className="flex flex-column xl:flex-row mb-5 gap-5">

diff --git a/pages/templates/index.js b/pages/templates/index.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 const TemplatesPage = () => {
     return (
-        <div className="content-section">
+        <div>
             <div className="doc-intro">
                 <h1>Templates</h1>
                 <p>Highly customizable application templates to get started in no time with style. Designed and implemented by PrimeTek.</p>

diff --git a/pages/uikit/index.js b/pages/uikit/index.js
@@ -17,7 +17,7 @@ const UIKitPage = (props) => {
                     <title>UI Kit - PrimeReact</title>
                     <meta name="description" content="Design files for PrimeReact Components." />
                 </Head>
-                <div className="content-section">
+                <div>
                     <div style={{ borderRadius: '50px', maxHeight: '500px' }} className="overflow-hidden mb-5 flex align-items-center">
                         <img alt="PrimeReact Designer" src={`https://primefaces.org/cdn/primereact/images/uikit/primeone-cover-${props.dark ? 'dark' : 'light'}.jpg`} className="w-full" />
                     </div>

diff --git a/styles/layout/_sidebar.scss b/styles/layout/_sidebar.scss
@@ -88,6 +88,11 @@
             background-color: var(--highlight-bg);
             color: var(--highlight-text-color);
 
+            &:hover {
+                background-color: var(--highlight-bg);
+                color: var(--highlight-text-color);
+            }
+
             > .menu-icon {
                 i {
                     color: var(--highlight-text-color);