You've already forked AstralRinth
forked from didirus/AstralRinth
c39bb78e38
* Start of app redesign * format * continue progress * Content page nearly done * Fix recursion issues with content page * Fix update all alignment * Discover page progress * Settings progress * Removed unlocked-size hack that breaks web * Revamp project page, refactor web project page to share code with app, fixed loading bar, misc UI/UX enhancements, update ko-fi logo, update arrow icons, fix web issues caused by floating-vue migration, fix tooltip issues, update web tooltips, clean up web hydration issues * Ads + run prettier * Begin auth refactor, move common messages to ui lib, add i18n extraction to all apps, begin Library refactor * fix ads not hiding when plus log in * rev lockfile changes/conflicts * Fix sign in page * Add generated * (mostly) Data driven search * Fix search mobile issue * profile fixes * Project versions page, fix typescript on UI lib and misc fixes * Remove unused gallery component * Fix linkfunction err * Search filter controls at top, localization for locked filters * Fix provided filter names * Fix navigating from instance browse to main browse * Friends frontend (#2995) * Friends system frontend * (almost) finish frontend * finish friends, fix lint * Fix lint --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> * Refresh macOS app icon * Update web search UI more * Fix link opens * Fix frontend build --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
121 lines
2.0 KiB
SCSS
121 lines
2.0 KiB
SCSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
font-family: var(--font-standard);
|
|
color-scheme: dark;
|
|
--view-width: calc(100% - 5rem);
|
|
--expanded-view-width: calc(100% - 13rem);
|
|
}
|
|
|
|
body {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
* {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.card-divider {
|
|
background-color: var(--color-button-bg);
|
|
border: none;
|
|
color: var(--color-button-bg);
|
|
height: 1px;
|
|
margin: var(--gap-sm) 0;
|
|
}
|
|
|
|
.no-wrap {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.no-select {
|
|
-webkit-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
a {
|
|
color: var(--color-link);
|
|
text-decoration: none;
|
|
|
|
&:hover {
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
input {
|
|
border: none !important;
|
|
}
|
|
|
|
.badge {
|
|
display: flex;
|
|
border-radius: var(--radius-md);
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
background-color: var(--color-bg);
|
|
padding-block: var(--gap-sm);
|
|
padding-inline: var(--gap-lg);
|
|
width: min-content;
|
|
|
|
svg {
|
|
width: 1.1rem;
|
|
height: 1.1rem;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
&.featured {
|
|
background-color: var(--color-brand-highlight);
|
|
color: var(--color-contrast);
|
|
}
|
|
}
|
|
|
|
* {
|
|
scrollbar-width: auto;
|
|
scrollbar-color: var(--color-scrollbar) var(--color-bg);
|
|
}
|
|
|
|
/* Chrome, Edge, and Safari */
|
|
*::-webkit-scrollbar {
|
|
width: 16px;
|
|
border: 3px solid transparent;
|
|
opacity: 0.5;
|
|
transition: opacity 0.2s ease-in-out;
|
|
}
|
|
|
|
*::-webkit-scrollbar:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
*::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
*::-webkit-scrollbar-thumb {
|
|
background-color: var(--color-scrollbar);
|
|
border-radius: var(--radius-lg);
|
|
border: 5px solid transparent;
|
|
background-clip: content-box;
|
|
}
|
|
|
|
.highlighted {
|
|
box-shadow: 0 0 1rem var(--color-brand) !important;
|
|
}
|
|
|
|
.gecko {
|
|
background-color: var(--color-raised-bg);
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
img {
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
|
|
@import '@modrinth/assets/omorphia.scss';
|