style: move sidebar to root folder

2026-06-18 20:48:21 -03:00
parent f922570c7a
commit a11bc6b512
2 changed files with 3 additions and 67 deletions
@@ -1,24 +0,0 @@
-import Link from "next/link";
-
-import styles from '../styles/Sidebar.module.css';
-
-const Sidebar = () => {
-  return (
-    <aside className={styles.sidebar}>
-      <h1 className={styles.title}>Hex: Unlocked</h1>
-
-      <nav>
-        <Link href="/characters" className={styles.navLink}>Characters</Link>
-        <Link href="/customizations" className={styles.navLink}>Customizations</Link>
-        <Link href="/items" className={styles.navLink}>Items</Link>
-        <Link href="/dlcs" className={styles.navLink}>DLCs</Link>
-      </nav>
-
-      <button className={styles.syncButton}>
-        Synchronize
-      </button>
-    </aside>
-  );
-};
-
-export default Sidebar;
@@ -1,63 +0,0 @@
-.sidebar {
-  width: 280px;
-  height: 100vh;
-  background: #050505;
-  border-right: 2px solid #1a1a1a;
-  display: flex;
-  flex-direction: column;
-  padding: 2.5rem 1.5rem;
-  color: #c9c9c9;
-  font-family: 'Oswald', 'Roboto Condensed', sans-serif;
-  letter-spacing: 0.02em;
-}
-
-.title {
-  font-size: 1.25rem;
-  text-transform: uppercase;
-  color: #e4e4e4;
-  margin-bottom: 2.5rem;
-  padding-bottom: 0.5rem;
-  border-bottom: 2px solid #330000;
-  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-}
-
-.navLink {
-  display: block;
-  padding: 0.8rem 1rem;
-  margin-bottom: 0.25rem;
-  text-decoration: none;
-  color: #777777;
-  text-transform: uppercase;
-  font-size: 0.85rem;
-  position: relative;
-  transition: all 0.1s ease-in;
-  background: transparent;
-  border-left: 3px solid transparent;
-}
-
-.navLink:hover {
-  color: #ffffff;
-  background: linear-gradient(90deg, #1a0000, transparent);
-  border-left: 3px solid #a30000;
-}
-
-.syncButton {
-  margin-top: auto;
-  padding: 1rem;
-  background: #0a0a0a;
-  border: 1px solid #4a0000;
-  color: #a30000;
-  text-transform: uppercase;
-  font-weight: 700;
-  font-size: 0.9rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  letter-spacing: 0.1em;
-}
-
-.syncButton:hover {
-  background: #a30000;
-  color: #ffffff;
-  border-color: #ff0000;
-  box-shadow: 0 0 10px #7f0000;
-}