neru/HexUnlockedWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: neru/HexUnlockedWeb:a0ba8560f8ef7b464b3c4b171d9bcd2136b7b889
Branches Tags
neru/HexUnlockedWeb:main
...
compare: neru/HexUnlockedWeb:main
Branches Tags
neru/HexUnlockedWeb:main

2 Commits
a0ba8560f8 ... main

Author SHA1 Message Date
neru ea1cf8c1f0 fix: make lock/unlock visible buttons match style 2026-06-20 10:12:40 -03:00
neru 91bf31bd03 style: run format:apply 2026-06-20 10:11:49 -03:00
7 changed files with 12 additions and 33 deletions
Expand all files Collapse all files
app/characters/page.tsx
+1 -3
View File
@@ -122,9 +122,7 @@ export default function CharactersPage() {
) : ( ) : (
<div className={styles.grid}> <div className={styles.grid}>
{filtered.map((char) => { {filtered.map((char) => {
const unlocked = store.unlockedCharacters.includes( const unlocked = store.unlockedCharacters.includes(char.codeName);
char.codeName
);
const killer = isKiller(char.idx); const killer = isKiller(char.idx);
return ( return (
<div <div
app/customizations/FlatCategory.tsx
+2 -2
View File
@@ -67,10 +67,10 @@ export default function FlatCategory({
<button className={shared.lockAllBtn} onClick={onLockAll}> <button className={shared.lockAllBtn} onClick={onLockAll}>
Lock all Lock all
</button> </button>
<button className={styles.pageActionBtn} onClick={onUnlockPage}> <button className={shared.unlockAllBtn} onClick={onUnlockPage}>
Unlock visible Unlock visible
</button> </button>
<button className={styles.pageActionBtn} onClick={onLockPage}> <button className={shared.lockAllBtn} onClick={onLockPage}>
Lock visible Lock visible
</button> </button>
</div> </div>
app/customizations/page.tsx
+1 -3
View File
@@ -225,9 +225,7 @@ export default function CustomizationsPage() {
</button> </button>
</header> </header>
<div className={styles.tabs}> <div className={styles.tabs}>
{( {(['cosmetics', 'charms', 'badges', 'banners'] as Tab[]).map((t) => (
['cosmetics', 'charms', 'badges', 'banners'] as Tab[]
).map((t) => (
<button <button
key={t} key={t}
className={`${styles.tab} ${tab === t ? styles.tabActive : ''}`} className={`${styles.tab} ${tab === t ? styles.tabActive : ''}`}
app/layout.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang='en'> <html lang='en'>
<link rel="icon" href="/favicon.ico" sizes="any" /> <link rel='icon' href='/favicon.ico' sizes='any' />
<body> <body>
<AppContainer> <AppContainer>
<div className={styles.layoutContainer}> <div className={styles.layoutContainer}>
styles/AppContainer.module.css
+6 -2
View File
@@ -24,7 +24,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8), 0 0 15px rgba(163, 0, 0, 0.1); box-shadow:
0 10px 30px rgba(0, 0, 0, 0.8),
0 0 15px rgba(163, 0, 0, 0.1);
border-radius: 4px; border-radius: 4px;
min-width: 400px; min-width: 400px;
animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards; animation: slideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
@@ -36,7 +38,9 @@
color: #ffffff; color: #ffffff;
letter-spacing: 0.05em; letter-spacing: 0.05em;
margin: 0 0 0.5rem 0; margin: 0 0 0.5rem 0;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8), 0 0 10px rgba(163, 0, 0, 0.3); text-shadow:
2px 2px 5px rgba(0, 0, 0, 0.8),
0 0 10px rgba(163, 0, 0, 0.3);
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
} }
styles/Customizations.module.css
-21
View File
@@ -33,27 +33,6 @@
border-bottom-color: #a30000; border-bottom-color: #a30000;
} }
/*
page btns
*/
.pageActionBtn {
background: transparent;
border: 1px solid #1e1e1e;
color: #3a3a3a;
padding: 0.6rem 1rem;
font-family: 'Oswald', sans-serif;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.08em;
cursor: pointer;
transition: all 0.15s ease;
}
.pageActionBtn:hover {
color: #666666;
border-color: #2e2e2e;
}
/* /*
char picker char picker
*/ */