some basic cleanup
This commit is contained in:
parent
5ddfc36acb
commit
5b7f46a414
@ -45,11 +45,8 @@
|
|||||||
"@lit-protocol/pkp-ethers": "^2.2.41",
|
"@lit-protocol/pkp-ethers": "^2.2.41",
|
||||||
"@lit-protocol/pkp-walletconnect": "^2.2.41",
|
"@lit-protocol/pkp-walletconnect": "^2.2.41",
|
||||||
"@lit-protocol/types": "^2.2.41",
|
"@lit-protocol/types": "^2.2.41",
|
||||||
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
||||||
"@sveltejs/vite-plugin-svelte": "^2.4.2",
|
"@sveltejs/vite-plugin-svelte": "^2.4.2",
|
||||||
"@wagmi/core": "^1.3.8",
|
"@wagmi/core": "^1.3.8",
|
||||||
"rollup": "^3.26.3",
|
|
||||||
"rollup-plugin-glob-import": "^0.5.0",
|
|
||||||
"viem": "^1.3.0"
|
"viem": "^1.3.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -28,21 +28,21 @@
|
|||||||
|
|
||||||
<!-- AuthSig Address Displayed -->
|
<!-- AuthSig Address Displayed -->
|
||||||
{#if authSig}
|
{#if authSig}
|
||||||
<div class="bg-gray-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
|
<div class="flex items-center p-4 mb-4 bg-gray-100 rounded-lg shadow-md">
|
||||||
<p class="text-gray-700 font-medium">
|
<p class="font-medium text-gray-700">
|
||||||
AuthSig Address: <span class="text-orange-500">{authSig.address}</span>
|
AuthSig Address: <span class="text-orange-500">{authSig.address}</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- Error Message -->
|
<!-- Error Message -->
|
||||||
{:else if error}
|
{:else if error}
|
||||||
<div class="bg-red-100 p-4 rounded-lg shadow-md mb-4 flex items-center">
|
<div class="flex items-center p-4 mb-4 bg-red-100 rounded-lg shadow-md">
|
||||||
<p class="text-red-700 font-medium">{error}</p>
|
<p class="font-medium text-red-700">{error}</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- Login Button -->
|
<!-- Login Button -->
|
||||||
{:else}
|
{:else}
|
||||||
<div class="flex justify-center">
|
<div class="flex justify-center">
|
||||||
<button
|
<button
|
||||||
class="bg-orange-500 hover:bg-orange-600 text-white font-bold py-2 px-4 rounded-lg shadow-lg flex items-center m-2"
|
class="flex items-center px-4 py-2 m-2 font-bold text-white bg-orange-500 rounded-lg shadow-lg hover:bg-orange-600"
|
||||||
on:click={generateAuthSig}
|
on:click={generateAuthSig}
|
||||||
>
|
>
|
||||||
<img
|
<img
|
@ -1 +0,0 @@
|
|||||||
<div class="p-12 bg-blue-500">Hello Earth</div>
|
|
@ -39,7 +39,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Render Composite Component -->
|
<!-- Render Composite Component -->
|
||||||
{#if message.composite}
|
{#if message.composite}
|
||||||
<div class="overflow-y-auto max-h-500">
|
<div class="overflow-y-auto max-h-80vh">
|
||||||
<Composite componentsData={message.composite} />
|
<Composite componentsData={message.composite} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
@ -1,13 +1,8 @@
|
|||||||
<script>
|
<script>
|
||||||
import LitStatus from '$lib/components/LitStatus.svelte';
|
|
||||||
import AuthSign from '$lib/AuthSig.svelte';
|
|
||||||
import Wallet from '$lib/Wallet.svelte';
|
import Wallet from '$lib/Wallet.svelte';
|
||||||
import Send from '$lib/Send.svelte';
|
import Send from '$lib/Send.svelte';
|
||||||
import Balance from '$lib/Balance.svelte';
|
|
||||||
import WalletConnect from '$lib/WalletConnect.svelte';
|
import WalletConnect from '$lib/WalletConnect.svelte';
|
||||||
import GoogleAuth from '$lib/components/GoogleAuth.svelte';
|
import GoogleAuth from '$lib/components/GoogleAuth.svelte';
|
||||||
import Messages from '$lib/components/Messages.svelte';
|
|
||||||
import MessageInput from '$lib/components/MessageInput.svelte';
|
|
||||||
import Composite from '$lib/components/Composite.svelte';
|
import Composite from '$lib/components/Composite.svelte';
|
||||||
|
|
||||||
let pkpWallet;
|
let pkpWallet;
|
||||||
@ -17,18 +12,11 @@
|
|||||||
let componentsData = {
|
let componentsData = {
|
||||||
layout: `
|
layout: `
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"header"
|
|
||||||
"main"
|
"main"
|
||||||
"footer";
|
"footer";
|
||||||
grid-template-rows: auto 1fr auto;
|
grid-template-rows: 1fr auto;
|
||||||
`,
|
`,
|
||||||
children: [
|
children: [
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
componentName: 'LitStatus',
|
|
||||||
props: {},
|
|
||||||
slot: 'header'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
componentName: 'Messages',
|
componentName: 'Messages',
|
||||||
@ -50,7 +38,7 @@
|
|||||||
<!-- <LitStatus />
|
<!-- <LitStatus />
|
||||||
<AuthSign /> -->
|
<AuthSign /> -->
|
||||||
|
|
||||||
<!-- <div class="p-4 bg-gray-200 flex justify-center items-center flex-col">
|
<!-- <div class="flex flex-col items-center justify-center p-4 bg-gray-200">
|
||||||
<Wallet bind:pkpWallet bind:authSig />
|
<Wallet bind:pkpWallet bind:authSig />
|
||||||
<Send bind:pkpWallet />
|
<Send bind:pkpWallet />
|
||||||
<Balance />
|
<Balance />
|
||||||
@ -60,7 +48,7 @@
|
|||||||
|
|
||||||
<!-- <div class="fixed top-0 left-0 w-full h-full overflow-hidden">
|
<!-- <div class="fixed top-0 left-0 w-full h-full overflow-hidden">
|
||||||
<main class="grid grid-rows-[auto,1fr,auto] min-h-screen">
|
<main class="grid grid-rows-[auto,1fr,auto] min-h-screen">
|
||||||
<header class="bg-gray-100 text-black p-4">
|
<header class="p-4 text-black bg-gray-100">
|
||||||
<GoogleAuth />
|
<GoogleAuth />
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -68,7 +56,7 @@
|
|||||||
<Messages />
|
<Messages />
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<footer class="bg-gray-300 p-4">
|
<footer class="p-4 bg-gray-300">
|
||||||
<MessageInput />
|
<MessageInput />
|
||||||
</footer>
|
</footer>
|
||||||
</main>
|
</main>
|
||||||
|
Loading…
Reference in New Issue
Block a user