Some styling improvements done for the last update

neutralinojs · Jan 15, 2024 · 70f351f · 70f351f
1 parent 7211dad
commit 70f351f
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/src/pages/resources.js b/src/pages/resources.js
@@ -7,25 +7,23 @@ import styles from './styles.module.css';
 
 const templates = [
     {
-        title: 'Neutralinojs-React',
+        title: 'neutralinojs-minimal',
         description: (
             <>
-                A simple React.js template for building Neutralinojs apps
+                The default template for a Neutralinojs app.
             </>
         ),
-        githubLink: 'https://github.com/codezri/neutralinojs-react'
+        githubLink: 'https://github.com/neutralinojs/neutralinojs-minimal'
     },
     {
-        title: 'Neutralinojs-Minimal',
+        title: 'neutralinojs-react',
         description: (
             <>
-                The default template for a Neutralinojs app.
+                A simple React.js template for building Neutralinojs apps
             </>
         ),
-        githubLink: 'https://github.com/neutralinojs/neutralinojs-minimal'
+        githubLink: 'https://github.com/codezri/neutralinojs-react'
     },
-
-
 ];
 
 export default function NeutralinoTools() {
@@ -41,30 +39,30 @@ export default function NeutralinoTools() {
                 </div>
             </header>
             <main>
-                <div className='container' style={{ marginTop: '2rem' }}>
+                <section className={styles.features}>
                     <div className='container'>
                         <h1>Templates</h1>
-                        <ul className='row'>
+                        <div className='row'>
                             {templates.map((template, index) => (
-                                <li key={index} className={clsx(window.innerWidth <= 768 ? 'col card-demo' : 'card-demo col col--5')} style={{ marginTop: '1rem', marginBottom: '2rem', listStyle: 'none'}}>
+                                <div key={index} className={clsx('col col--6', styles.feature)}>
                                     <div className='card padding-md' style={{padding: '2rem'}}>
                                         <h3 className={styles.align}>{template.title}</h3>
                                         <p className={styles.align}>{template.description}</p>
                                         <div>
                                             <Link
                                                 className={clsx(
-                                                    'button button--warning button--lg',
+                                                    'button button--outline button--secondary button--lg',
                                                 )}
                                                 to={template.githubLink}>
                                                 View Repository
                                             </Link>
                                         </div>
                                     </div>
-                                </li>
+                                </div>
                             ))}
-                        </ul>
+                        </div>
                     </div>
-                </div>
+                </section>
             </main>
         </Layout>
     );