mirror of
https://github.com/meshtastic/meshtastic.git
synced 2025-02-02 08:42:11 -08:00
fixed logo light/dark appearance
This commit is contained in:
parent
522f7aa564
commit
afffac51c3
|
@ -118,10 +118,6 @@ html[data-theme="dark"] .header-github-link:before {
|
||||||
margin: 20px 36px;
|
margin: 20px 36px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.responsive-color-svg {
|
|
||||||
fill: var(--ifm-heading-color)
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-doc-markdown {
|
.theme-doc-markdown {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -7,6 +7,8 @@ import { FiTwitter } from 'react-icons/fi';
|
||||||
import { ChevronRightIcon } from '@heroicons/react/20/solid';
|
import { ChevronRightIcon } from '@heroicons/react/20/solid';
|
||||||
import FlipClockCountdown from '@leenguyen/react-flip-clock-countdown';
|
import FlipClockCountdown from '@leenguyen/react-flip-clock-countdown';
|
||||||
import Layout from '@theme/Layout';
|
import Layout from '@theme/Layout';
|
||||||
|
import { Dark, Light } from '/src/components/ColorMode';
|
||||||
|
|
||||||
|
|
||||||
const TwoPointZero = (): JSX.Element => {
|
const TwoPointZero = (): JSX.Element => {
|
||||||
const stats = [
|
const stats = [
|
||||||
|
@ -50,13 +52,22 @@ const TwoPointZero = (): JSX.Element => {
|
||||||
<div className="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-24 lg:px-8">
|
<div className="mx-auto max-w-md px-4 sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-24 lg:px-8">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<img
|
<Dark>
|
||||||
className="h-11 w-auto responsive-color-svg"
|
<img
|
||||||
it
|
className="h-11 w-auto"
|
||||||
src="/design/logo/svg/Mesh_Logo_Black.svg"
|
it
|
||||||
|
src="/design/logo/svg/Mesh_Logo_White.svg"
|
||||||
alt="Meshtastic Logo"
|
alt="Meshtastic Logo"
|
||||||
/>
|
/>
|
||||||
|
</Dark>
|
||||||
|
<Light>
|
||||||
|
<img
|
||||||
|
className="h-11 w-auto"
|
||||||
|
it
|
||||||
|
src="/design/logo/svg/Mesh_Logo_Black.svg"
|
||||||
|
alt="Meshtastic Logo"
|
||||||
|
/>
|
||||||
|
</Light>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-20">
|
<div className="mt-20">
|
||||||
<div>
|
<div>
|
||||||
|
|
Loading…
Reference in a new issue