fix: windows app styling (#14805)

This commit is contained in:
Peer Richelsen
2024-05-06 17:41:45 +00:00
committed by GitHub
parent 0c3d1b3034
commit 2d0cac0dad
4 changed files with 11 additions and 3 deletions
+1 -1
View File
@@ -85,7 +85,7 @@ export default async function RootLayout({ children }: { children: React.ReactNo
`}</style>
</head>
<body
className="dark:bg-darkgray-50 todesktop:!bg-transparent bg-subtle antialiased"
className="dark:bg-darkgray-50 bg-subtle antialiased"
style={
isEmbed
? {
+1 -1
View File
@@ -88,7 +88,7 @@ class MyDocument extends Document<Props> {
</Head>
<body
className="dark:bg-darkgray-50 todesktop:!bg-transparent bg-subtle antialiased"
className="dark:bg-darkgray-50 bg-subtle antialiased"
style={
isEmbed
? {
+8
View File
@@ -121,6 +121,10 @@ body  {
https://docs.todesktop.com/
*/
html.todesktop-platform-win32 .todesktop\:\!bg-transparent{
background: inherit !important;
}
/* disable user selection on buttons, links and images on desktop app */
html.todesktop button,
html.todesktop a,
@@ -150,6 +154,10 @@ html.todesktop header a {
-webkit-app-region: no-drag;
}
html.todesktop-platform-darwin body, html.todesktop-platform-darwin aside {
background: transparent !important;
}
html.todesktop-platform-darwin.dark main.bg-default {
background: rgba(0, 0, 0, 0.6) !important;
}
+1 -1
View File
@@ -891,7 +891,7 @@ function SideBar({ bannersHeight, user }: SideBarProps) {
<div className="relative">
<aside
style={{ maxHeight: `calc(100vh - ${bannersHeight}px)`, top: `${bannersHeight}px` }}
className="todesktop:!bg-transparent bg-muted border-muted fixed left-0 hidden h-full max-h-screen w-14 flex-col overflow-y-auto overflow-x-hidden border-r md:sticky md:flex lg:w-56 lg:px-3">
className="bg-muted border-muted fixed left-0 hidden h-full max-h-screen w-14 flex-col overflow-y-auto overflow-x-hidden border-r md:sticky md:flex lg:w-56 lg:px-3">
<div className="flex h-full flex-col justify-between py-3 lg:pt-4">
<header className="todesktop:-mt-3 todesktop:flex-col-reverse todesktop:[-webkit-app-region:drag] items-center justify-between md:hidden lg:flex">
{orgBranding ? (