mirror of
https://github.com/openziti/zrok.git
synced 2025-06-27 05:01:26 +02:00
use ThemedImage component instead of CSS to switch frontdoor diagram dark mode
This commit is contained in:
parent
b0c71a702c
commit
23b08aa4bd
@ -9,6 +9,8 @@ import OsTabs from '@theme/OsTabs';
|
|||||||
import TabItem from '@theme/TabItem';
|
import TabItem from '@theme/TabItem';
|
||||||
import LinuxService from './_frontdoor-linux.mdx';
|
import LinuxService from './_frontdoor-linux.mdx';
|
||||||
import ReservedDocker from './_frontdoor-docker.mdx';
|
import ReservedDocker from './_frontdoor-docker.mdx';
|
||||||
|
import ThemedImage from '@theme/ThemedImage';
|
||||||
|
import useBaseUrl from '@docusaurus/useBaseUrl';
|
||||||
|
|
||||||
**zrok frontdoor** is the heavy-duty front door to your app or site. It makes your website or app available to your online audience through the shield of zrok.io's hardened, managed frontends.
|
**zrok frontdoor** is the heavy-duty front door to your app or site. It makes your website or app available to your online audience through the shield of zrok.io's hardened, managed frontends.
|
||||||
|
|
||||||
@ -18,8 +20,14 @@ import ReservedDocker from './_frontdoor-docker.mdx';
|
|||||||
|
|
||||||
zrok frontends are the parts of zrok that proxy incoming public web traffic to zrok backend shares via OpenZiti. When you use zrok with a `zrok.io` frontend, you're using **zrok frontdoor**. `zrok.io` is zrok-as-a-service by NetFoundry, the team behind OpenZiti. You need a free account to use **zrok frontdoor**.
|
zrok frontends are the parts of zrok that proxy incoming public web traffic to zrok backend shares via OpenZiti. When you use zrok with a `zrok.io` frontend, you're using **zrok frontdoor**. `zrok.io` is zrok-as-a-service by NetFoundry, the team behind OpenZiti. You need a free account to use **zrok frontdoor**.
|
||||||
|
|
||||||

|
|
||||||

|
<ThemedImage
|
||||||
|
alt="frontdoor diagram"
|
||||||
|
sources={{
|
||||||
|
light: useBaseUrl('/img/zrok-frontdoor-light-mode.svg'),
|
||||||
|
dark: useBaseUrl('/img/zrok-frontdoor-dark-mode.svg'),
|
||||||
|
}}
|
||||||
|
/>;
|
||||||
|
|
||||||
## Choose your OS
|
## Choose your OS
|
||||||
|
|
||||||
|
@ -183,9 +183,3 @@ a code {
|
|||||||
.language-buttonless div > button {
|
.language-buttonless div > button {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* hide image sources from the other mode */
|
|
||||||
[data-theme="light"] img[src$="#gh-dark-mode-only"],
|
|
||||||
[data-theme="dark"] img[src$="#gh-light-mode-only"] {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user