From c91cf97f99d527264d81560f1d311f7c2889a41d Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 27 Dec 2024 05:18:17 +0000
Subject: [PATCH] feat(spa): add loading bar (#1684)
---
quartz/styles/base.scss | 22 +++++++++++++++++-----
1 files changed, 17 insertions(+), 5 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 61c918f..4b79ea0 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -85,7 +85,7 @@
line-height: 1.4rem;
&:has(> img) {
- background-color: none;
+ background-color: transparent;
border-radius: 0;
padding: 0;
}
@@ -156,7 +156,7 @@
column-gap: #{map-get($desktopGrid, columnGap)};
row-gap: #{map-get($desktopGrid, rowGap)};
grid-template-areas: #{map-get($desktopGrid, templateAreas)};
- @media all and ($desktop) {
+ @media all and ($tablet) {
grid-template-columns: #{map-get($tabletGrid, templateColumns)};
grid-template-rows: #{map-get($tabletGrid, templateRows)};
column-gap: #{map-get($tabletGrid, columnGap)};
@@ -171,7 +171,7 @@
grid-template-areas: #{map-get($mobileGrid, templateAreas)};
}
- @media all and ($desktop) {
+ @media all and not ($desktop) {
padding: 0 1rem;
}
@media all and ($mobile) {
@@ -212,7 +212,7 @@
margin-left: inherit;
margin-right: inherit;
}
- @media all and ($desktop) {
+ @media all and not ($desktop) {
position: initial;
height: unset;
width: 100%;
@@ -254,10 +254,11 @@
min-width: 100%;
margin-left: auto;
margin-right: auto;
- @media all and ($desktop) {
+ @media all and ($tablet) {
margin-right: 0;
}
@media all and ($mobile) {
+ margin-right: 0;
margin-left: 0;
}
}
@@ -586,3 +587,14 @@
width: 100%;
border-radius: 5px;
}
+
+.navigation-progress {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 3px;
+ background: var(--secondary);
+ transition: width 0.2s ease;
+ z-index: 9999;
+}
--
Gitblit v1.10.0