diff --git a/index.html b/index.html index 07792ff..e6270e5 100644 --- a/index.html +++ b/index.html @@ -2,8 +2,16 @@
+ + + + + + + +
+ {t("app.subtitle")}
diff --git a/src/app/styles/app.css b/src/app/styles/app.css index cbdde1e..bd20f75 100644 --- a/src/app/styles/app.css +++ b/src/app/styles/app.css @@ -56,18 +56,22 @@ body { gap: 14px; } -.brand-icon { +.brand-logo { width: 40px; height: 40px; border-radius: var(--radius-lg); - background: var(--doc-accent-soft); border: 1px solid var(--doc-border); display: grid; place-items: center; - font-weight: 600; - font-family: var(--font-ui); - font-size: 15px; - color: var(--doc-accent); + overflow: hidden; + flex-shrink: 0; + background: var(--doc-surface); +} + +.brand-logo img { + width: 100%; + height: 100%; + object-fit: contain; } .brand-title { diff --git a/src/main.tsx b/src/main.tsx index 6284b01..29c4347 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,10 +1,13 @@ import React from "react"; import { createRoot } from "react-dom/client"; +import { registerSW } from "virtual:pwa-register"; import App from "./app/App"; import "./app/i18n"; import "./app/styles/fonts.css"; import "./app/styles/app.css"; +registerSW({ immediate: true }); + const container = document.querySelector