From 1ac31ef10cc799f3cb7fc94d34178290a4e8dc00 Mon Sep 17 00:00:00 2001
From: Andinus <andinus@nand.sh>
Date: Fri, 10 Jun 2022 00:30:39 +0530
Subject: CSS & Image Optimzations, Print password

- Prints password required to access.
- will-change lets the browser prepare for those changes in advance.
- loading="lazy" enables lazy loading on images.

- column-fill: balance -- not an optimization.
---
 resources/css/style.css | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'resources/css')

diff --git a/resources/css/style.css b/resources/css/style.css
index a7ab098..a49327e 100644
--- a/resources/css/style.css
+++ b/resources/css/style.css
@@ -47,6 +47,7 @@ img {
     max-width: 100%;
     box-shadow: var(--bg-inactive) 0px 0px 0px 1px,
                 var(--fg-inactive) 0px 0px 0px 1px inset;
+    will-change: opacity, transform;
 }
 
 input, .alert {
@@ -87,6 +88,7 @@ img, .text, .heading {
 .gallery {
     column-count: auto;
     column-width: 384px;
+    column-fill: balance;
 }
 .gallery img {
     transform-origin: center;
-- 
cgit 1.4.1-2-gfad0