diff --git a/app/src/assets/scss/business/_config.scss b/app/src/assets/scss/business/_config.scss index 558697a73..fce8dd176 100644 --- a/app/src/assets/scss/business/_config.scss +++ b/app/src/assets/scss/business/_config.scss @@ -93,6 +93,7 @@ &--text { background-color: var(--b3-theme-surface); padding: 16px 24px; + overflow: auto; .b3-button--outline { white-space: normal; @@ -151,6 +152,16 @@ width: 100%; text-align: center; } + + &__svg { + flex-wrap: wrap; + + svg { + margin: 8px; + height: 16px; + width: 16px; + } + } } &-about__logo { diff --git a/app/src/config/account.ts b/app/src/config/account.ts index 0e2f2eca8..ed28353b4 100644 --- a/app/src/config/account.ts +++ b/app/src/config/account.ts @@ -12,6 +12,20 @@ import {syncGuide} from "../sync/syncGuide"; import {hideElements} from "../protyle/ui/hideElements"; import {getCloudURL} from "./util/about"; +const genSVGBG = () => { + let html = ""; + const svgs: string[] = []; + document.querySelectorAll("body > svg > defs > symbol").forEach((item) => { + svgs.push(item.id); + }); + Array.from({length: 45}, () => { + const index = Math.floor(Math.random()*svgs.length); + html += ``; + svgs.splice(index, 1); + }); + return `