From aaa5c8e8e40be33aec74c1cf0073ac081cb918fc Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Mar 2025 00:34:14 +0000
Subject: [PATCH] feat: conditional render component
---
quartz/components/styles/explorer.scss | 12 +++++++-----
1 files changed, 7 insertions(+), 5 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 69f7909..22c86db 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -52,6 +52,8 @@
overflow: hidden;
flex-shrink: 0;
align-self: flex-start;
+ margin-top: auto;
+ margin-bottom: auto;
}
button.mobile-explorer {
@@ -212,8 +214,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(0);
- visibility: visible;
+ transform: translateX(-100vw);
+ visibility: hidden;
}
}
@@ -221,8 +223,8 @@
flex: 0 0 34px;
& > .explorer-content {
- transform: translateX(-100vw);
- visibility: hidden;
+ transform: translateX(0);
+ visibility: visible;
}
}
@@ -236,7 +238,7 @@
background-color: var(--light);
max-width: 100vw;
width: 100%;
- transform: translateX(0);
+ transform: translateX(-100vw);
transition:
transform 200ms ease,
visibility 200ms ease;
--
Gitblit v1.10.0