diff --git a/src/components/Qrcode.css b/src/components/Qrcode.css index 1b6b48f..7cffe75 100644 --- a/src/components/Qrcode.css +++ b/src/components/Qrcode.css @@ -11,14 +11,19 @@ padding-bottom: calc((10px + 2vmin) * 2); } +.Qr-title-svg { + height: 1.4em; +} + .Qr-title { + color: var(--b-w); margin-top: 2.25em; font-weight: bold; font-size: 2.25em; } .Qr-subtitle { - margin-top: -1em; + margin-top: -1.5em; margin-bottom: 0; line-height: 2em; } diff --git a/src/components/app/PartHeader.js b/src/components/app/PartHeader.js index d2319a5..4ba4e0a 100644 --- a/src/components/app/PartHeader.js +++ b/src/components/app/PartHeader.js @@ -6,8 +6,7 @@ import QrbtfLogo from "../svg/QrbtfLogo"; const PartHeader = () => (
- -

+

参数化二维码生成器 测试版

diff --git a/src/components/svg/QrbtfLogo.js b/src/components/svg/QrbtfLogo.js index 7ca55bf..be497cb 100644 --- a/src/components/svg/QrbtfLogo.js +++ b/src/components/svg/QrbtfLogo.js @@ -150,7 +150,7 @@ function QrbtfLogo(props) { d="M1810.827 342.464a107.986 107.986 0 00-54.74-18.316 108 108 0 1054.74 197.388" /> - + - + + diff --git a/src/index.css b/src/index.css index 7ee03c6..365c9a5 100644 --- a/src/index.css +++ b/src/index.css @@ -19,6 +19,7 @@ --qr-opacity: calc(1); --qr-opacity-hover: calc(1); --upload-color: rgba(102,102,102,1); + --b-w: rgba(0,0,0,1); } @media (prefers-color-scheme: dark) { @@ -36,6 +37,7 @@ --qr-opacity: calc(0.5); --qr-opacity-hover: calc(0.65); --upload-color: rgba(150,150,150,1); + --b-w: rgba(255,255,255,1); } }