trentlarson/crowd-funder-from-jason
1
0
Fork 0
forked from jsnbuchanan/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

fix/deep-link-views: use proper #Content wrapper

Browse Source 
- Wrap content in section#Content to apply safe-area insets
- Remove unnecessary .safe-area-spacer element
- Remove unneeded style classes
This commit is contained in:
Jose Olarte III
2025-08-25 18:49:22 +08:00
parent 580a485573
commit 0c9ede9fc9
2 changed files with 76 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/DeepLinkErrorView.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="deep-link-error"> <!-- CONTENT -->
<div class="safe-area-spacer"></div> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<h1>Invalid Deep Link</h1> <h1>Invalid Deep Link</h1>
<div class="error-details"> <div class="error-details">
<div class="error-message"> <div class="error-message">
@@ -39,7 +39,7 @@
</li> </li>
</ul> </ul>
</div> </div>
</div> </section>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
@@ -114,18 +114,6 @@ onMounted(() => {
</script> </script>
<style scoped> <style scoped>
.deep-link-error {
padding-top: 60px;
padding-left: 20px;
padding-right: 20px;
max-width: 600px;
margin: 0 auto;
}
.safe-area-spacer {
height: env(safe-area-inset-top);
}
h1 { h1 {
color: #ff4444; color: #ff4444;
margin-bottom: 24px; margin-bottom: 24px;

16
src/views/DeepLinkRedirectView.vue
View File

@@ -1,11 +1,8 @@
<template> <template>
<!-- CONTENT --> <!-- CONTENT -->
<section id="Content" class="relative w-[100vw] h-[100vh]"> <section id="Content" class="p-6 pb-24 max-w-3xl mx-auto">
<div
class="p-6 bg-white w-full max-w-[calc((100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))*0.4)] mx-auto"
>
<div class="mb-4"> <div class="mb-4">
<h1 class="text-xl text-center font-semibold relative mb-4"> <h1 class="text-2xl text-center font-semibold relative px-7">
Redirecting to Time Safari Redirecting to Time Safari
</h1> </h1>
@@ -58,16 +55,12 @@
<div class="text-center text-sm text-gray-500 mt-4"> <div class="text-center text-sm text-gray-500 mt-4">
<p v-if="isMobile"> <p v-if="isMobile">
Or manually open: Or manually open:
<code class="bg-gray-100 px-2 py-1 rounded">{{ <code class="bg-gray-100 px-2 py-1 rounded">{{ deepLinkUrl }}</code>
deepLinkUrl
}}</code>
</p> </p>
<p v-else> <p v-else>
If you have the Time Safari app installed, you can also copy this If you have the Time Safari app installed, you can also copy this
link: link:
<code class="bg-gray-100 px-2 py-1 rounded">{{ <code class="bg-gray-100 px-2 py-1 rounded">{{ deepLinkUrl }}</code>
deepLinkUrl
}}</code>
</p> </p>
</div> </div>
@@ -91,7 +84,6 @@
<p>Processing redirect...</p> <p>Processing redirect...</p>
</div> </div>
</div> </div>
</div>
</section> </section>
</template> </template>