Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
Original file line number Diff line number Diff line change
Expand Up @@ -389,7 +389,7 @@
CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
CODE_SIGN_IDENTITY = "iPhone Developer";
CURRENT_PROJECT_VERSION = 0.1.0.0;
DEVELOPMENT_TEAM = "HZ7MLR7Q46";
DEVELOPMENT_TEAM = 3FS4B734X5;
ENABLE_BITCODE = NO;
"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
FRAMEWORK_SEARCH_PATHS = (
Expand Down Expand Up @@ -433,7 +433,7 @@
CODE_SIGN_ENTITLEMENTS = "eid-wallet_iOS/eid-wallet_iOS.entitlements";
CODE_SIGN_IDENTITY = "iPhone Developer";
CURRENT_PROJECT_VERSION = 0.1.0.0;
DEVELOPMENT_TEAM = "HZ7MLR7Q46";
DEVELOPMENT_TEAM = 3FS4B734X5;
ENABLE_BITCODE = NO;
"EXCLUDED_ARCHS[sdk=iphoneos*]" = x86_64;
FRAMEWORK_SEARCH_PATHS = (
Expand Down
9 changes: 2 additions & 7 deletions infrastructure/eid-wallet/src-tauri/tauri.conf.json
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,7 @@
}
],
"security": {
"capabilities": [
"mobile-capability"
],
"capabilities": ["mobile-capability"],
"csp": null
}
},
Expand All @@ -33,9 +31,6 @@
"icons/[email protected]",
"icons/icon.icns",
"icons/icon.ico"
],
"iOS": {
"developmentTeam": "HZ7MLR7Q46"
}
]
}
}
4 changes: 2 additions & 2 deletions infrastructure/eid-wallet/src/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -71,8 +71,8 @@

body {
font-family: "Archivo", sans-serif;
padding-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
/* padding-top: env(safe-area-inset-top); */
/* 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);
Expand Down
60 changes: 29 additions & 31 deletions infrastructure/eid-wallet/src/lib/fragments/Hero/Hero.svelte
Original file line number Diff line number Diff line change
@@ -1,49 +1,47 @@
<script lang="ts">
import * as Button from "$lib/ui/Button";
import { cn } from "$lib/utils";
import { Settings02Icon } from "@hugeicons/core-free-icons";
import type { HTMLAttributes } from "svelte/elements";
import * as Button from "$lib/ui/Button";
import { cn } from "$lib/utils";
import { Settings02Icon } from "@hugeicons/core-free-icons";
import type { Snippet } from "svelte";
import type { HTMLAttributes } from "svelte/elements";

interface IHeroProps extends HTMLAttributes<HTMLElement> {
title?: string;
subtitle?: string;
showSettings?: boolean;
titleClasses?: string;
}
const {
title,
subtitle,
showSettings = false,
titleClasses,
children,
...restProps
}: IHeroProps = $props();
const baseClasses = "w-full flex justify-between items-center";
interface IHeroProps extends HTMLAttributes<HTMLElement> {
title?: string;
subtitle?: Snippet;
showSettings?: boolean;
titleClasses?: string;
}
const {
title,
subtitle,
showSettings = false,
titleClasses,
children,
...restProps
}: IHeroProps = $props();
const baseClasses = "w-full flex justify-between items-center";
</script>

<header {...restProps} class={cn(baseClasses, restProps.class)}>
<div class="flex flex-col items-start">
<h3 class={cn(titleClasses)}>
{@render children?.()}
{title}
</h3>
<h3 class={cn(titleClasses)}>
{title}
{@render children?.()}
</h3>
{#if subtitle}
<p class="text-black-700 mt-2">{subtitle}</p>
<p class="text-black-700 mt-2">{@render subtitle()}</p>
{/if}
</div>
{#if showSettings}
<Button.Nav href="/settings">
<Button.Icon
icon={Settings02Icon}
iconSize="lg"
/>
<Button.Icon icon={Settings02Icon} iconSize="lg" />
</Button.Nav>
{:else}
<span aria-hidden="true"></span>
{/if}
</header>

<!--
<!--
@component
@name Hero
@description A component that displays a header with a title, subtitle, and optional settings icon.
Expand All @@ -66,4 +64,4 @@ const baseClasses = "w-full flex justify-between items-center";
>
</Hero>
```
-->
-->
Original file line number Diff line number Diff line change
@@ -1,21 +1,62 @@
<script lang="ts">
import { cubicOut } from "svelte/easing";
import { fade, scale } from "svelte/transition";
import { cubicOut } from "svelte/easing";
import { fade, scale } from "svelte/transition";
</script>

<div out:fade={{duration: 150}} class="z-50 absolute w-screen h-screen overflow-hidden" >
<div class="relative w-screen h-screen bg-primary overflow-hidden">

<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">
<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">
<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%]">
<h1 in:fade={{duration: 500}} class="text-center text-white text-[44px]">eAgency</h1>
<p in:fade={{duration: 500}} class="text-center text-white">Your self-sovereign digital entity</p>
<div
out:fade={{ duration: 150 }}
class="z-50 absolute w-screen h-screen overflow-hidden"
>
<div class="relative w-screen h-screen bg-primary overflow-hidden">
<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"
/>
<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"
/>
<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%]"
>
<h1
in:fade={{ duration: 500 }}
class="text-center text-white text-[44px]"
>
eID Wallet
</h1>
<p in:fade={{ duration: 500 }} class="text-center text-white">
for Web 3.0 Data Space
</p>
</div>
<img in:fade={{duration: 500}} class="absolute bottom-[116px] start-[50%] translate-x-[-50%]" src="/images/W3DSLogoWhite.svg" alt="logo">
<img
in:fade={{ duration: 500 }}
class="absolute bottom-[116px] start-[50%] translate-x-[-50%]"
src="/images/W3DSLogoWhite.svg"
alt="logo"
/>
</div>
</div>

<style>

</style>
</style>
Loading
Loading