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;
|
||||
}
|
||||
|
||||
.responsive-color-svg {
|
||||
fill: var(--ifm-heading-color)
|
||||
}
|
||||
|
||||
.theme-doc-markdown {
|
||||
max-width: none;
|
||||
}
|
||||
|
|
|
@ -7,6 +7,8 @@ import { FiTwitter } from 'react-icons/fi';
|
|||
import { ChevronRightIcon } from '@heroicons/react/20/solid';
|
||||
import FlipClockCountdown from '@leenguyen/react-flip-clock-countdown';
|
||||
import Layout from '@theme/Layout';
|
||||
import { Dark, Light } from '/src/components/ColorMode';
|
||||
|
||||
|
||||
const TwoPointZero = (): JSX.Element => {
|
||||
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>
|
||||
<div>
|
||||
<Dark>
|
||||
<img
|
||||
className="h-11 w-auto responsive-color-svg"
|
||||
className="h-11 w-auto"
|
||||
it
|
||||
src="/design/logo/svg/Mesh_Logo_Black.svg"
|
||||
|
||||
src="/design/logo/svg/Mesh_Logo_White.svg"
|
||||
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 className="mt-20">
|
||||
<div>
|
||||
|
|
Loading…
Reference in a new issue