Skip to content

Commit 9550cb8

Browse files
ananyayaya129ananyayaya129
authored
Fix/wallet text (#234)
* changed text as per the request and fixed styling on pages with useless scroll * added settings button in main page which went missing somehow * fix: consistent padding
1 parent 190e690 commit 9550cb8

File tree

18 files changed

+10130
-12237
lines changed

18 files changed

+10130
-12237
lines changed

‎infrastructure/eid-wallet/src-tauri/gen/apple/eid-wallet.xcodeproj/project.pbxproj‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -389,7 +389,7 @@
389389
CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
390390
CODE_SIGN_IDENTITY = "iPhone Developer";
391391
CURRENT_PROJECT_VERSION = 0.1.0.0;
392-
DEVELOPMENT_TEAM = "HZ7MLR7Q46";
392+
DEVELOPMENT_TEAM = 3FS4B734X5;
393393
ENABLE_BITCODE = NO;
394394
"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
395395
FRAMEWORK_SEARCH_PATHS = (
@@ -433,7 +433,7 @@
433433
CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
434434
CODE_SIGN_IDENTITY = "iPhone Developer";
435435
CURRENT_PROJECT_VERSION = 0.1.0.0;
436-
DEVELOPMENT_TEAM = "HZ7MLR7Q46";
436+
DEVELOPMENT_TEAM = 3FS4B734X5;
437437
ENABLE_BITCODE = NO;
438438
"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
439439
FRAMEWORK_SEARCH_PATHS = (

‎infrastructure/eid-wallet/src-tauri/tauri.conf.json‎

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -18,9 +18,7 @@
1818
}
1919
],
2020
"security": {
21-
"capabilities": [
22-
"mobile-capability"
23-
],
21+
"capabilities": ["mobile-capability"],
2422
"csp": null
2523
}
2624
},
@@ -33,9 +31,6 @@
3331
"icons/[email protected]",
3432
"icons/icon.icns",
3533
"icons/icon.ico"
36-
],
37-
"iOS": {
38-
"developmentTeam": "HZ7MLR7Q46"
39-
}
34+
]
4035
}
4136
}

‎infrastructure/eid-wallet/src/app.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,8 +71,8 @@
7171

7272
body {
7373
font-family: "Archivo", sans-serif;
74-
padding-top: env(safe-area-inset-top);
75-
padding-bottom: env(safe-area-inset-bottom);
74+
/* padding-top: env(safe-area-inset-top); */
75+
/* padding-bottom: env(safe-area-inset-bottom); */
7676
padding-left: env(safe-area-inset-left);
7777
padding-right: env(safe-area-inset-right);
7878
background-color: var(--color-primary);

‎infrastructure/eid-wallet/src/lib/fragments/Hero/Hero.svelte‎

Lines changed: 29 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,47 @@
11
<script lang="ts">
2-
import * as Button from "$lib/ui/Button";
3-
import { cn } from "$lib/utils";
4-
import { Settings02Icon } from "@hugeicons/core-free-icons";
5-
import type { HTMLAttributes } from "svelte/elements";
2+
import * as Button from "$lib/ui/Button";
3+
import { cn } from "$lib/utils";
4+
import { Settings02Icon } from "@hugeicons/core-free-icons";
5+
import type { Snippet } from "svelte";
6+
import type { HTMLAttributes } from "svelte/elements";
67
7-
interface IHeroProps extends HTMLAttributes<HTMLElement> {
8-
title?: string;
9-
subtitle?: string;
10-
showSettings?: boolean;
11-
titleClasses?: string;
12-
}
13-
const {
14-
title,
15-
subtitle,
16-
showSettings = false,
17-
titleClasses,
18-
children,
19-
...restProps
20-
}: IHeroProps = $props();
21-
const baseClasses = "w-full flex justify-between items-center";
8+
interface IHeroProps extends HTMLAttributes<HTMLElement> {
9+
title?: string;
10+
subtitle?: Snippet;
11+
showSettings?: boolean;
12+
titleClasses?: string;
13+
}
14+
const {
15+
title,
16+
subtitle,
17+
showSettings = false,
18+
titleClasses,
19+
children,
20+
...restProps
21+
}: IHeroProps = $props();
22+
const baseClasses = "w-full flex justify-between items-center";
2223
</script>
23-
24+
2425
<header {...restProps} class={cn(baseClasses, restProps.class)}>
2526
<div class="flex flex-col items-start">
26-
<h3 class={cn(titleClasses)}>
27-
{@render children?.()}
28-
{title}
29-
</h3>
27+
<h3 class={cn(titleClasses)}>
28+
{title}
29+
{@render children?.()}
30+
</h3>
3031
{#if subtitle}
31-
<p class="text-black-700 mt-2">{subtitle}</p>
32+
<p class="text-black-700 mt-2">{@render subtitle()}</p>
3233
{/if}
3334
</div>
3435
{#if showSettings}
3536
<Button.Nav href="/settings">
36-
<Button.Icon
37-
icon={Settings02Icon}
38-
iconSize="lg"
39-
/>
37+
<Button.Icon icon={Settings02Icon} iconSize="lg" />
4038
</Button.Nav>
4139
{:else}
4240
<span aria-hidden="true"></span>
4341
{/if}
4442
</header>
4543

46-
<!--
44+
<!--
4745
@component
4846
@name Hero
4947
@description A component that displays a header with a title, subtitle, and optional settings icon.
@@ -66,4 +64,4 @@ const baseClasses = "w-full flex justify-between items-center";
6664
>
6765
</Hero>
6866
```
69-
-->
67+
-->

‎infrastructure/eid-wallet/src/lib/fragments/SplashScreen/SplashScreen.svelte‎

Lines changed: 54 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,62 @@
11
<script lang="ts">
2-
import { cubicOut } from "svelte/easing";
3-
import { fade, scale } from "svelte/transition";
2+
import { cubicOut } from "svelte/easing";
3+
import { fade, scale } from "svelte/transition";
44
</script>
55

6-
<div out:fade={{duration: 150}} class="z-50 absolute w-screen h-screen overflow-hidden" >
7-
<div class="relative w-screen h-screen bg-primary overflow-hidden">
8-
9-
<img in:scale={{start: 0.8, duration: 500, easing: cubicOut, opacity: 1 }} class="absolute w-full bottom-[-80px] start-0" src="/images/Shape1.svg" alt="illustration">
10-
<img in:scale={{start: 0.8, duration: 500, easing: cubicOut, opacity: 1 }} class="absolute w-full top-[50px] end-[100px]" src="/images/Shape2.svg" alt="illustration">
11-
<div in:scale={{start: 0.9, duration: 500, easing: cubicOut, opacity: 1 }} class="absolute w-full top-[42%] start-[50%] translate-x-[-50%] translate-y-[-42%]">
12-
<h1 in:fade={{duration: 500}} class="text-center text-white text-[44px]">eAgency</h1>
13-
<p in:fade={{duration: 500}} class="text-center text-white">Your self-sovereign digital entity</p>
6+
<div
7+
out:fade={{ duration: 150 }}
8+
class="z-50 absolute w-screen h-screen overflow-hidden"
9+
>
10+
<div class="relative w-screen h-screen bg-primary overflow-hidden">
11+
<img
12+
in:scale={{
13+
start: 0.8,
14+
duration: 500,
15+
easing: cubicOut,
16+
opacity: 1,
17+
}}
18+
class="absolute w-full bottom-[-80px] start-0"
19+
src="/images/Shape1.svg"
20+
alt="illustration"
21+
/>
22+
<img
23+
in:scale={{
24+
start: 0.8,
25+
duration: 500,
26+
easing: cubicOut,
27+
opacity: 1,
28+
}}
29+
class="absolute w-full top-[50px] end-[100px]"
30+
src="/images/Shape2.svg"
31+
alt="illustration"
32+
/>
33+
<div
34+
in:scale={{
35+
start: 0.9,
36+
duration: 500,
37+
easing: cubicOut,
38+
opacity: 1,
39+
}}
40+
class="absolute w-full top-[42%] start-[50%] translate-x-[-50%] translate-y-[-42%]"
41+
>
42+
<h1
43+
in:fade={{ duration: 500 }}
44+
class="text-center text-white text-[44px]"
45+
>
46+
eID Wallet
47+
</h1>
48+
<p in:fade={{ duration: 500 }} class="text-center text-white">
49+
for Web 3.0 Data Space
50+
</p>
1451
</div>
15-
<img in:fade={{duration: 500}} class="absolute bottom-[116px] start-[50%] translate-x-[-50%]" src="/images/W3DSLogoWhite.svg" alt="logo">
52+
<img
53+
in:fade={{ duration: 500 }}
54+
class="absolute bottom-[116px] start-[50%] translate-x-[-50%]"
55+
src="/images/W3DSLogoWhite.svg"
56+
alt="logo"
57+
/>
1658
</div>
1759
</div>
1860

1961
<style>
20-
21-
</style>
62+
</style>

0 commit comments

Comments
 (0)