Improve font format, rollback moving postcss to typescript, a few min…

…or changes

.github/CONTRIBUTING.md

@@ -5,10 +5,10 @@ Thank you for considering contributing to magnetar! We welcome contributions fro
 ## How to Contribute
 
 1. Fork the repository.
-2. Create a new branch (`git checkout -b feature/YourFeature`).
+2. Create a new branch (`git checkout -b YourFeature`).
 3. Make your changes.
 4. Commit your changes (`git commit -m 'Add some feature'`).
-5. Push to the branch (`git push origin feature/YourFeature`).
+5. Push to the branch (`git push origin YourFeature`).
 6. Open a pull request.
 
 ## Code of Conduct

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -22,6 +22,8 @@ body:
     attributes:
       label: Describe alternatives you've considered
       description: Have you considered any alternative solutions or workarounds?
+    validations:
+      required: true
   - type: textarea
     attributes:
       label: Additional context

.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-  "recommendations": ["tauri-apps.tauri-vscode", "rust-lang.rust-analyzer"]
+  "recommendations": [
+    "tauri-apps.tauri-vscode",
+    "rust-lang.rust-analyzer",
+    "bradlc.vscode-tailwindcss",
+    "yoavbls.pretty-ts-errors"
+  ]
 }

README.md

@@ -3,10 +3,11 @@
   <h1>magnetar</h1>
   <p>Your ultimate Windows toolbox</p>
 
-  [![License](https://img.shields.io/github/license/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/blob/main/LICENSE)
-  [![GitHub stars](https://img.shields.io/github/stars/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/stargazers)
-  [![GitHub issues](https://img.shields.io/github/issues/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/issues)
-  [![GitHub release](https://img.shields.io/github/v/release/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/releases)
+[![License](https://img.shields.io/github/license/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/blob/main/LICENSE)
+[![GitHub stars](https://img.shields.io/github/stars/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/stargazers)
+[![GitHub issues](https://img.shields.io/github/issues/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/issues)
+[![GitHub release](https://img.shields.io/github/v/release/Bamboooz/magnetar)](https://github.com/Bamboooz/magnetar/releases)
+
 </div>
 
 <div align="center">

src/components/Commands/index.tsx

@@ -41,9 +41,7 @@ export default function Commands({ page, search }: HomeProps) {
         ))
       ) : (
         <div className="size-full flex flex-col items-center justify-center">
-          <p className=" text-2xl font-medium">
-            No commands found
-          </p>
+          <p className=" text-2xl font-medium">No commands found</p>
         </div>
       )}
     </Page>

src/components/Games/index.tsx

@@ -66,9 +66,7 @@ export default function Games({ page, search }: GamesProps) {
         </>
       ) : (
         <div className="size-full flex flex-col items-center justify-center">
-          <p className=" text-2xl font-medium">
-            No games found
-          </p>
+          <p className=" text-2xl font-medium">No games found</p>
         </div>
       )}
     </Page>

src/components/Header.tsx

@@ -9,7 +9,7 @@ interface HeaderProps {
 
 export default function Header({ setPage }: HeaderProps) {
   return (
-    <div className="w-full h-16 flex items-center justify-between shrink-0 pr-6 bg-black">
+    <div className="w-full h-16 flex items-center justify-between shrink-0 pr-6 bg-header">
       <button
         onClick={() => setPage(PageType.HOME)}
         className="h-full flex items-center justify-center gap-6 px-6"

src/styles.css

@@ -4,14 +4,14 @@
 
 @font-face {
   font-family: "Poppins";
-  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
+  src: url("./fonts/Poppins-Regular.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
   font-family: "Poppins";
-  src: url("./fonts/Poppins-Medium.ttf") format("truetype");
+  src: url("./fonts/Poppins-Medium.woff2") format("woff2");
   font-weight: 500;
   font-style: normal;
 }
@@ -45,4 +45,4 @@
   ::-webkit-scrollbar-track {
     @apply bg-transparent;
   }
-}
+}

tailwind.config.ts

@@ -4,6 +4,7 @@ export default {
   theme: {
     extend: {
       colors: {
+        header: "var(--header)",
         background: "var(--background)",
         "background-secondary": "var(--background-secondary)",
         "background-tertiary": "var(--background-tertiary)",