fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
sosweetham merged 8 commits into from
May 5, 2025
Merged

fix: layouts #119

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
bf27bd5
fix: layouts
grv-saini-20 Apr 29, 2025
678cf74
fix: Onboarding page scroll fixed
grv-saini-20 Apr 29, 2025
65f22d2
fix: page layout and prevent from scroll in all devices
grv-saini-20 Apr 29, 2025
7591d03
fix: pages layout
grv-saini-20 Apr 30, 2025
8dc49eb
chore: try to fix emulator
grv-saini-20 May 2, 2025
08e5ce0
fix: units
grv-saini-20 May 2, 2025
11eed06
fix: safezones for ios
grv-saini-20 May 2, 2025
2ade163
fix: styling
sosweetham May 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

18 changes: 18 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

36 changes: 36 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

10 changes: 10 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

9 changes: 9 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

17 changes: 17 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
minSdk = 24
targetSdk = 34
versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
}
buildTypes {
getByName("debug") {
Expand Down
1 change: 1 addition & 0 deletions infrastructure/eid-wallet/src/app.css
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
padding-bottom: env(safe-area-inset-bottom);
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down
2 changes: 1 addition & 1 deletion infrastructure/eid-wallet/src/app.html
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
<title>Tauri + SvelteKit + Typescript App</title>
%sveltekit.head%
Expand Down
1 change: 1 addition & 0 deletions infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
<Button.Action
variant="solid"
size="sm"
onclick={() => alert("Action button clicked!")}
class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
>
Expand Down
14 changes: 7 additions & 7 deletions infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
<section>
<div>
<p class="mb-[1vh]">Enter you current PIN</p>
<p class="mb-[1svh]">Enter you current PIN</p>
<InputPin bind:pin={currentPin} variant="sm"/>
</div>
<div>
<p class="mb-[1vh]">Enter your new PIN</p>
<p class="mb-[1svh]">Enter your new PIN</p>
<InputPin bind:pin={newPin} {isError} variant="sm"/>
</div>
<div>
<p class="mb-[1vh]">Confirm new PIN</p>
<p class="mb-[1svh]">Confirm new PIN</p>
<InputPin bind:pin={repeatPin} {isError} variant="sm"/>
</div>
<p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
<p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
</section>
<ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
<span class="relative z-[1]">
<HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
</span>
<img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
<img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
</div>
<h4>Pin code changed!</h4>
<p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
<p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
<ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>
6 changes: 3 additions & 3 deletions infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<section>
<Hero
title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
Passport: "234dfvgsdfg",
}}/>
</section>
<section class="mt-[4vh] mb-[9vh]">
<section class="mt-[4svh] mb-[9svh]">
<h4>Your eVault</h4>
<p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
<p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
<IdentityCard variant= "eVault"
usedStorage= {15}
totalStorage= {80}/>
Expand Down
4 changes: 2 additions & 2 deletions infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<section>
<Hero
title="Log in to your account"
subtitle="Enter your 4-digit PIN code"
class="mb-4"
/>
<InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
<p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
<p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
</section>
<Button.Action class={`w-full`} variant="danger" callback={clearPin}>
Clear Pin
Expand Down
14 changes: 7 additions & 7 deletions infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
<article class="flex justify-center mb-[4vh]">
<img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<article class="flex justify-center">
<img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
</article>
<section class="mb-[9.3vh]">
<section>
<Hero
subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
</section>
<section>
<p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
<div class="flex justify-center whitespace-nowrap mt-[2vh]">
<div class="flex justify-center whitespace-nowrap mt-[2svh]">
<ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
</div>
</section>
</main>

<Drawer bind:isPaneOpen>
<img src="/images/GetStarted.svg" alt="get-started">
<h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
<h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
<p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
<div class="flex justify-center whitespace-nowrap my-[2.3vh]">
<div class="flex justify-center whitespace-nowrap my-[2.3svh]">
<ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
</div>
</Drawer>
18 changes: 9 additions & 9 deletions infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<section>
<Hero
title="Create a pin"
subtitle="Enter a 4-digit PIN code"
class="mb-[14vh]"
class="mb-[14svh]"
/>
<InputPin bind:pin isError={isError && pin.length === 0}/>
<p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
<p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
</section>
<ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
</main>
{:else}
<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<section>
<Hero
title="Re-enter your pin"
subtitle="Confirm by entering pin again"
class="mb-[14vh]"
class="mb-[14svh]"
/>
<InputPin bind:pin={repeatPin}/>
</section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
{#if !isBiometricScreen}
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
<span class="relative z-[1]">
<HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
</span>
<img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
<img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
</div>
<h4>Pin code set!</h4>
<p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
<p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
<ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
{:else}
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
<div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
<span class="relative z-[1]">
<HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
</span>
<img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
<img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
</div>
<h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
<p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
<p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
{#if !isBiometricsAdded}
<div class="flex justify-center items-center gap-[11px]">
<ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down
2 changes: 1 addition & 1 deletion infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
<section>
<Hero
title="Here’s your eName"
Expand Down
2 changes: 1 addition & 1 deletion infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
<section>
<Hero
title="Verify your account"
Expand Down
4 changes: 3 additions & 1 deletion infrastructure/eid-wallet/src/routes/+layout.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
<SplashScreen />
{:else}
{@render children?.()}
<div class="bg-white h-[100dvh] overflow-scroll">
{@render children?.()}
</div>
{/if}
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix: layouts#119

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Merged

sosweetham
merged 8 commits into

from

May 5, 2025
 Merged


fix: layouts
#119
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


8 commits


Select commit
Hold shift + click to select a range
bf27bd5

fix: layouts


grv-saini-20 Apr 29, 2025
678cf74

fix: Onboarding page scroll fixed


grv-saini-20 Apr 29, 2025
65f22d2

fix: page layout and prevent from scroll in all devices


grv-saini-20 Apr 29, 2025
7591d03

fix: pages layout


grv-saini-20 Apr 30, 2025
8dc49eb

chore: try to fix emulator


grv-saini-20 May 2, 2025
08e5ce0

fix: units


grv-saini-20 May 2, 2025
11eed06

fix: safezones for ios


grv-saini-20 May 2, 2025
2ade163

fix: styling


sosweetham May 2, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


3 changes: 3 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/.gitignore

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/AndroidProjectSystem.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/appInsightsSettings.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/compiler.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


18 changes: 18 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/deploymentTargetSelector.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


36 changes: 36 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/gradle.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/kotlinc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


10 changes: 10 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/migrations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


9 changes: 9 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/misc.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


17 changes: 17 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/runConfigurations.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


6 changes: 6 additions & 0 deletions
infrastructure/eid-wallet/src-tauri/gen/android/.idea/vcs.xml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.


2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src-tauri/gen/android/app/build.gradle.kts

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -22,7 +22,7 @@ android {
 minSdk = 24
 targetSdk = 34
 versionCode = tauriProperties.getProperty("tauri.android.versionCode", "1").toInt()
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 versionName = tauriProperties.getProperty("tauri.android.versionName", "1.0")
 }
 buildTypes {
 getByName("debug") {
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/app.css

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -75,6 +75,7 @@ body {
 padding-bottom: env(safe-area-inset-bottom);
 padding-left: env(safe-area-inset-left);
 padding-right: env(safe-area-inset-right);
 background-color: var(--color-primary);
}

/* Ensure background remains correct during transitions */
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/app.html

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,7 +3,7 @@
 <head>
 <meta charset="utf-8" />
 <link rel="icon" href="%sveltekit.assets%/favicon.png" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
 <link rel="preload" href="/fonts/Archivo-VariableFont_wdth,wght.ttf" as="font" type="truetype" crossorigin="anonymous">
 <title>Tauri + SvelteKit + Typescript App</title>
 %sveltekit.head%
Expand Down

1 change: 1 addition & 0 deletions
infrastructure/eid-wallet/src/routes/(app)/main/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -92,6 +92,7 @@ function shareQR() {
<Button.Nav href="/scan-qr">
 <Button.Action
 variant="solid"
 size="sm"
 onclick={() => alert("Action button clicked!")}
 class="mx-auto text-nowrap flex gap-8 fixed bottom-5 left-1/2 -translate-x-1/2 z-10"
 >
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(app)/settings/pin/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -26,34 +26,34 @@ $effect(() => {
});
</script>

<main class="h-[calc(100vh-14vh)] flex flex-col justify-between pt-[3vh]">
<main class="h-[calc(100svh-14svh)] flex flex-col justify-between pt-[3svh]">
 <section>
 <div>
 <p class="mb-[1vh]">Enter you current PIN</p>
 <p class="mb-[1svh]">Enter you current PIN</p>
 <InputPin bind:pin={currentPin} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Enter your new PIN</p>
 <p class="mb-[1svh]">Enter your new PIN</p>
 <InputPin bind:pin={newPin} {isError} variant="sm"/>
 </div>
 <div>
 <p class="mb-[1vh]">Confirm new PIN</p>
 <p class="mb-[1svh]">Confirm new PIN</p>
 <InputPin bind:pin={repeatPin} {isError} variant="sm"/>
 </div>
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" callback={handleChangePIN}>Change PIN</ButtonAction>
</main>

<Drawer bind:isPaneOpen={showDrawer}>
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code changed!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been changed.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been changed.</p>
 <ButtonAction class="w-full" callback={handleClose}>Close</ButtonAction>
</Drawer>

6 changes: 3 additions & 3 deletions
infrastructure/eid-wallet/src/routes/(auth)/e-passport/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -10,7 +10,7 @@ const handleFinish = async () => {
</script>


<main class="h-[max-content] pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-[max-content] pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Your ePassport and eVault are ready"
Expand All@@ -25,9 +25,9 @@ const handleFinish = async () => {
 Passport: "234dfvgsdfg",
 }}/>
 </section>
 <section class="mt-[4vh] mb-[9vh]">
 <section class="mt-[4svh] mb-[9svh]">
 <h4>Your eVault</h4>
 <p class="text-black-700 mb-[1vh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <p class="text-black-700 mb-[1svh]">We’ve also created your eVault—secure cloud storage for your personal data. W3DS platforms access it directly, keeping you in control.</p>
 <IdentityCard variant= "eVault"
 usedStorage= {15}
 totalStorage= {80}/>
Expand Down

4 changes: 2 additions & 2 deletions
infrastructure/eid-wallet/src/routes/(auth)/login/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -81,15 +81,15 @@ onMount(async () => {
});
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Log in to your account"
 subtitle="Enter your 4-digit PIN code"
 class="mb-4"
 />
 <InputPin variant="sm" bind:pin isError={isError} onchange={() => handlePinInput(pin)} />
 <p class={`text-danger mt-[3.4vh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <Button.Action class={`w-full`} variant="danger" callback={clearPin}>
 Clear Pin
Expand Down

14 changes: 7 additions & 7 deletions
infrastructure/eid-wallet/src/routes/(auth)/onboarding/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -16,11 +16,11 @@ const handleNext = async () => {
};
</script>

<main class="pt-[3vh] px-[5vw] pb-[4.5vh]">
 <article class="flex justify-center mb-[4vh]">
 <img class="aspect-square w-full object-cover" src="/images/Onboarding.svg" alt="Infographic card">
<main class="h-[100dsvh] pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <article class="flex justify-center">
 <img class="w-[88vw] h-[39svh]" src="/images/Onboarding.svg" alt="Infographic card">
 </article>
 <section class="mb-[9.3vh]">
 <section>
 <Hero
 subtitle="Store your IDs, verify instantly with QR codes, and manage your digital identity with ease."
 class="mb-4"
Expand All@@ -33,17 +33,17 @@ const handleNext = async () => {
 </section>
 <section>
 <p class="max-w-[300px] mx-[auto] text-center small text-black-500">By continuing you agree to our <a href="/" class="text-primary underline underline-offset-5">Terms & Conditions </a> and <a href="/" class="text-primary underline underline-offset-5">privacy policy.</a></p>
 <div class="flex justify-center whitespace-nowrap mt-[2vh]">
 <div class="flex justify-center whitespace-nowrap mt-[2svh]">
 <ButtonAction class="w-full" callback={handleGetStarted}>Get Started</ButtonAction>
 </div>
 </section>
</main>

<Drawer bind:isPaneOpen>
 <img src="/images/GetStarted.svg" alt="get-started">
 <h4 class="mt-[2.3vh] mb-[0.5vh]">Welcome to Web 3 Data Spaces</h4>
 <h4 class="mt-[2.3svh] mb-[0.5svh]">Welcome to Web 3 Data Spaces</h4>
 <p class="text-black-700">Your eName is more than a name—it's your unique digital passport. One constant identifier that travels with you across the internet, connecting your real-world self to the digital universe.</p>
 <div class="flex justify-center whitespace-nowrap my-[2.3vh]">
 <div class="flex justify-center whitespace-nowrap my-[2.3svh]">
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 </div>
</Drawer>

18 changes: 9 additions & 9 deletions
infrastructure/eid-wallet/src/routes/(auth)/register/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -86,25 +86,25 @@ onMount(async () => {
</script>

{#if firstStep}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Create a pin"
 subtitle="Enter a 4-digit PIN code"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin isError={isError && pin.length === 0}/>
 <p class={`text-danger mt-[3.4vh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 <p class={`text-danger mt-[3.4svh] ${isError && pin.length === 0 ? "block" : "hidden"}`}>Your PIN does not match, try again.</p>
 </section>
 <ButtonAction class="w-full" variant="soft" callback={handleFirstStep}>Confirm</ButtonAction>
 </main>
{:else}
 <main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
 <main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Re-enter your pin"
 subtitle="Confirm by entering pin again"
 class="mb-[14vh]"
 class="mb-[14svh]"
 />
 <InputPin bind:pin={repeatPin}/>
 </section>
Expand All@@ -115,26 +115,26 @@ onMount(async () => {

<Drawer bind:isPaneOpen={showDrawer}>
 {#if !isBiometricScreen}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={CircleLock01Icon} color="var(--color-primary)"/>
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>Pin code set!</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">Your PIN has been created. You’ll use it to access your digital entity securely.</p>
 <ButtonAction class="w-full" callback={handleNext}>Next</ButtonAction>
 {:else}
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3vh]">
 <div class="relative bg-gray w-[72px] h-[72px] rounded-[24px] flex justify-center items-center mb-[2.3svh]">
 <span class="relative z-[1]">
 <HugeiconsIcon icon={FaceIdIcon} color="var(--color-primary)" />
 </span>
 <img class="absolute top-0 start-0" src="/images/Line.svg" alt="line">
 <img class="absolute top-0 start-0" src="/images/Line2.svg" alt="line">
 </div>
 <h4>{isBiometricsAdded ? "You’re all set!" : "Add biometrics"}</h4>
 <p class="text-black-700 mt-[0.5vh] mb-[2.3vh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 <p class="text-black-700 mt-[0.5svh] mb-[2.3svh]">{ isBiometricsAdded ? "Your biometrics have been successfully added." : "Use your fingerprint or face recognition for faster, more secure logins."}</p>
 {#if !isBiometricsAdded}
 <div class="flex justify-center items-center gap-[11px]">
 <ButtonAction class="w-full bg-primary-100 text-primary" callback={handleSkip}>Skip</ButtonAction>
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/review/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -8,7 +8,7 @@ const handleNext = async () => {
};
</script>

<main class="h-screen pt-[5.2vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between">
<main class="h-screen pt-[5.2svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between">
 <section>
 <Hero
 title="Here’s your eName"
Expand Down

2 changes: 1 addition & 1 deletion
infrastructure/eid-wallet/src/routes/(auth)/verify/+page.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -25,7 +25,7 @@ onMount(() => {
});
</script>

<main class="h-screen pt-[3vh] px-[5vw] pb-[4.5vh] flex flex-col justify-between items-center">
<main class="h-screen pt-[3svh] px-[5vw] pb-[4.5svh] flex flex-col justify-between items-center">
 <section>
 <Hero
 title="Verify your account"
Expand Down

4 changes: 3 additions & 1 deletion
infrastructure/eid-wallet/src/routes/+layout.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -91,5 +91,7 @@ onNavigate((navigation) => {
{#if showSplashScreen}
 <SplashScreen />
{:else}
 {@render children?.()}
 <div class="bg-white h-[100dvh] overflow-scroll">
 {@render children?.()}
 </div>
{/if}