andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Improve performance

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-28 20:59:54 +02:00
parent 98ec261797
commit 5f876b5d19
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/page/main/main.ts
View file

@ -11,8 +11,8 @@ export class Main extends PageElement {
private static readonly zMax = 40; private static readonly zMax = 40;
private static readonly minHeight = 360; private static readonly minHeight = 360;
private static readonly maxHeight = 740; private static readonly maxHeight = 740;
private static readonly minBlobCount = 30; private static readonly minBlobCount = 20;
private static readonly blobCountScaler = 0.05; private static readonly blobCountScaler = 0.035;
private static readonly stableSeed = 42551; private static readonly stableSeed = 42551;
private readonly topOffsetElementCount = 1; private readonly topOffsetElementCount = 1;

4
src/style/vars.scss
View file

@ -12,7 +12,7 @@
--normal-text-color: #31343f; --normal-text-color: #31343f;
--card-color: #ffffff; --card-color: #ffffff;
--blurred-card-color: transparent; --blurred-card-color: transparent;
--blur-radius: 16px; --blur-radius: 12px;
--special-text-color: var(--accent-color); --special-text-color: var(--accent-color);
--inset-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.2); --inset-shadow: inset 0 0 4px 1px rgba(0, 0, 0, 0.05), inset 0 0 5px rgba(0, 0, 0, 0.2);
--border-radius: 0.85rem; --border-radius: 0.85rem;
@ -20,7 +20,7 @@
--large-margin: 4.6rem; --large-margin: 4.6rem;
--normal-margin: 2.8rem; --normal-margin: 2.8rem;
--small-margin: 1.4rem; --small-margin: 1.4rem;
--shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.2); --shadow: 0 0 5px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.2);
--icon-size: 2.8rem; --icon-size: 2.8rem;
--large-icon-size: 3.75rem; --large-icon-size: 3.75rem;
--body-width: min(80%, 60rem); --body-width: min(80%, 60rem);