diff options
Diffstat (limited to 'web')
-rw-r--r-- | web/index.html | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/web/index.html b/web/index.html index e00b13cd6..7df097f22 100644 --- a/web/index.html +++ b/web/index.html @@ -2,6 +2,7 @@ <html> <head> <meta charset="utf-8"> + <meta name="theme-color"> <!-- This viewport works for phones with notches. It's optimized for gestures by disabling global zoom. @@ -10,6 +11,11 @@ name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1.00001, viewport-fit=cover" /> + <!-- + Preconnect to essential domains + --> + <link rel="preconnect" href="https://bsky.social"> + <link rel="preconnect" href="https://bsky.network"> <title>%WEB_TITLE%</title> <style> /** @@ -41,6 +47,15 @@ height: calc(100% + env(safe-area-inset-top)); scrollbar-gutter: stable both-edges; } + html, body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; + } + + /* Buttons and inputs have a font set by UA, so we'll have to reset that */ + button, input, textarea { + font: inherit; + line-height: inherit; + } /* Color theming */ /* Default will always be white */ @@ -130,7 +145,7 @@ /* ProseMirror */ .ProseMirror { - font: 18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; + font: 18px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif; min-height: 140px; } .ProseMirror-dark { @@ -203,6 +218,12 @@ [data-tooltip]:hover::before { display:block; } + + /* NativeDropdown component */ + .radix-dropdown-item:focus, + .nativeDropdown-item:focus { + outline: none; + } </style> </head> |