~repos /website

#astro#js#html#css

git clone https://pyrossh.dev/repos/website.git

木 Personal website of pyrossh. Built with astrojs, shiki, vite.

Readme
|
Commits
|
Files
d6f4fe51 — pyrossh

1 month ago 
fix safe area
Files changed (3) hide show
  1. package.json +1 -2
  2. src/components/Footer.astro +2 -3
  3. src/components/Header.astro +2 -5
package.json CHANGED
@@ -6,9 +6,8 @@
6
6
  "scripts": {
7
7
  "tauri": "tauri",
8
8
  "dev": "astro dev",
9
- "dev:tauri": "IS_TAURI=true astro dev",
10
9
  "build": "astro build",
11
- "build:tauri": "IS_TAURI=true astro build",
10
+ "build:tauri": "astro build",
12
11
  "dev:android": "tauri android dev -v",
13
12
  "build:android": "tauri android build --aab",
14
13
  "build:android:sign": "bundletool build-apks --bundle=src-tauri/gen/android/app/build/outputs/bundle/universalRelease/app-universal-release.aab --output=./app-universal-release.apks --mode=universal --ks=../config/pyrossh_keystore.jks --ks-key-alias=pyrossh --ks-pass=pass:Test@123 --key-pass=pass:Test@123",
src/components/Footer.astro CHANGED
@@ -2,7 +2,6 @@
2
2
  import Wrapper from "./Wrapper.astro";
3
3
 
4
4
  const today = new Date();
5
- const isTauri = import.meta.env.IS_TAURI;
6
5
  ---
7
6
 
8
7
  <footer>
@@ -16,7 +15,7 @@ const isTauri = import.meta.env.IS_TAURI;
16
15
  </div>
17
16
  </Wrapper>
18
17
  </footer>
19
- <div id="footer-safe-area" class:list={[isTauri ? "safe-area" : ""]}></div>
18
+ <div class="safe-area"></div>
20
19
  <style>
21
20
  footer {
22
21
  background: #131618;
@@ -26,7 +25,7 @@ const isTauri = import.meta.env.IS_TAURI;
26
25
  background: #131618;
27
26
  position: sticky;
28
27
  bottom: 0;
29
- padding-bottom: max(env(safe-area-inset-bottom), 48px);
28
+ padding-bottom: env(safe-area-inset-bottom);
30
29
  }
31
30
 
32
31
  .container {
src/components/Header.astro CHANGED
@@ -3,11 +3,9 @@ import { Icon } from "astro-icon/components";
3
3
  import { ThemeSwitch } from "astro-color-scheme";
4
4
  import HeaderLink from "./HeaderLink.astro";
5
5
  import Wrapper from "./Wrapper.astro";
6
-
7
- const isTauri = import.meta.env.IS_TAURI;
8
6
  ---
9
7
 
10
- <div id="header-safe-area" class:list={[isTauri ? "safe-area" : ""]}></div>
8
+ <div class="safe-area"></div>
11
9
  <header>
12
10
  <Wrapper>
13
11
  <nav>
@@ -42,8 +40,7 @@ const isTauri = import.meta.env.IS_TAURI;
42
40
  background: #131618;
43
41
  position: sticky;
44
42
  top: 0;
45
- padding-top: max(env(safe-area-inset-top), 20px);
43
+ padding-top: env(safe-area-inset-top);
46
- /* padding-top: env(safe-area-inset-top); */
47
44
  }
48
45
 
49
46
  .logo {