mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-05-17 00:30:49 -05:00
185295d54e
* Clean away prisma migrations
* Way to migrate WIP
* SQLite3 seeding script initial
* Fetch tournament data in loader
* CheckinActions new loader data model
* Virtual banner text color columns
* Logged in user
* Count teams
* ownTeam
* Map pool tab fully working
* Teams tab
* Fix timestamp default
* Register page
* Manage team page
* Camel case checkedInTimestamp
* Clean slate
* Add .nvmrc
* Add favicon
* Package lock file version 2
* Update tsconfig
* Add Tailwind
* Add StrictMode
* Add background color
* Auth without DB
* Revert "Add Tailwind"
This reverts commit 204713c602.
* Auth with DB
* Switch back to tilde absolute import
* Import layout
* Camel case for database columns
* Move auth routes to folder
* User popover links working
* Import linters
* User page initial
* User edit page with country
* Script to delete db files before migration in dev
* Remove "youtubeName" column
* Correct avatar size on desktop
* Fix SubNav not spanning the whole page
* Remove duplicate files
* Update README
69 lines
1.4 KiB
CSS
69 lines
1.4 KiB
CSS
.sub-nav__container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
background-color: var(--bg-lighter);
|
|
background-image: url("/svg/background-pattern.svg");
|
|
margin-block-end: var(--s-4);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.sub-nav__link {
|
|
display: flex;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
padding: var(--s-4);
|
|
background-color: var(--bg-lighter);
|
|
color: var(--text);
|
|
font-size: var(--fonts-xs);
|
|
font-weight: var(--semi-bold);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.sub-nav__active-icon {
|
|
height: 1.2rem;
|
|
margin-block-end: -1rem;
|
|
margin-block-start: -3px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
.sub-nav__link.active > .sub-nav__active-icon {
|
|
visibility: visible;
|
|
}
|
|
|
|
.popover-content {
|
|
z-index: 1;
|
|
max-width: 20rem;
|
|
padding: var(--s-2);
|
|
background-color: var(--bg-darker-transparent);
|
|
border-radius: var(--rounded);
|
|
font-size: var(--fonts-sm);
|
|
font-weight: var(--semi-bold);
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
|
.popover-content {
|
|
-webkit-backdrop-filter: blur(10px) brightness(75%);
|
|
backdrop-filter: blur(10px) brightness(75%);
|
|
background-color: transparent;
|
|
}
|
|
}
|
|
|
|
.avatar {
|
|
background-color: var(--bg-lighter);
|
|
background-image: url("/svg/background-pattern.svg");
|
|
border-radius: 50%;
|
|
}
|
|
|
|
/*
|
|
*
|
|
* Utility classes
|
|
*
|
|
*/
|
|
|
|
.w-full {
|
|
width: 100%;
|
|
}
|