fix(app): tune background presentation

This commit is contained in:
Brendan Allan
2026-07-20 23:47:03 +00:00
parent 5452a13e07
commit 6fb632eeb6
2 changed files with 8 additions and 2 deletions
@@ -11,7 +11,7 @@ export function NewSessionDesignView(props: { children: JSX.Element }) {
>
<div class="absolute inset-x-0 top-[25.375%] flex justify-center px-6">
<div class={NEW_SESSION_CONTENT_WIDTH}>
<WordmarkV2 class="h-auto w-full text-v2-background-bg-inverse [&>g>g>g]:!opacity-30" />
<WordmarkV2 class="h-auto w-full text-v2-background-bg-inverse [&>g>g>g]:!opacity-[0.45]" />
<div class="mt-8">{props.children}</div>
</div>
</div>
+7 -1
View File
@@ -4,7 +4,7 @@
@import "tw-animate-css";
html[data-background-image] body {
background-image: linear-gradient(rgb(0 0 0 / 20%), rgb(0 0 0 / 20%)), var(--app-background-image);
background-image: linear-gradient(rgb(0 0 0 / 30%), rgb(0 0 0 / 30%)), var(--app-background-image);
background-color: transparent !important;
background-position: center;
background-repeat: no-repeat;
@@ -38,6 +38,12 @@ html[data-background-image] [data-background-surface="project-selector"] {
backdrop-filter: blur(16px);
}
html[data-background-image] [data-background-surface="prompt"] [data-background-surface="project-selector"] {
background-color: transparent !important;
box-shadow: none;
backdrop-filter: none;
}
@font-face {
font-family: "JetBrainsMono Nerd Font Mono";
src: url("/assets/JetBrainsMonoNerdFontMono-Regular.woff2") format("woff2");