Prospector c39bb78e38
App redesign (#2946)
* 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>
2024-12-11 19:54:18 -08:00

79 lines
1.2 KiB
CSS

:root {
--color-bg: #16181c;
--color-fg: #b0bac5;
--color-section-bg: #26292f;
--content-width: 30%;
--content-max-width: 300px;
--content-padding: 1.5rem;
--edge-rounding: 1rem;
}
html,
body {
height: 100%;
overflow: hidden;
}
body {
color: var(--color-fg);
background-color: var(--color-bg);
display: flex;
justify-content: center;
align-items: center;
font-family:
Inter,
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Helvetica Neue,
Helvetica,
Oxygen,
Ubuntu,
Roboto,
Cantarell,
Fira Sans,
Droid Sans,
'Apple Color Emoji',
'Segoe UI Emoji',
Arial,
sans-serif;
}
.content {
background-color: var(--color-section-bg);
width: var(--content-width);
max-width: var(--content-max-width);
border-radius: var(--edge-rounding);
padding: var(--content-padding);
justify-content: center;
align-items: center;
box-sizing: border-box;
}
.content h2 {
margin-bottom: 0;
}
.logo {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
border-radius: 1.5rem;
}
a {
color: #4f9cff;
text-decoration: underline;
}
a:visited {
color: #4f9cff;
}
img {
image-rendering: pixelated;
}