dockerfiles/Fishie-Honesty-UI
1
0
Fork 0
mirror of https://github.com/WhoIsFishie/Fishie-Honesty-UI.git synced 2025-02-22 17:22:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #14 from FishieDotCom/tele-login

Browse Source 
Fixes #10
This commit is contained in:
WovenCoast14782 2023-04-13 14:27:43 +05:00 committed by GitHub
commit b19a1c7b80
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/routes/+page.svelte
View File

@ -4,10 +4,10 @@
// i know this is the solution, but i dont know why it no wooooork // i know this is the solution, but i dont know why it no wooooork
import {Login} from "sveltegram"; import { Login } from 'sveltegram';
import IframeLoader from "svelte-iframe-loader"; // import IframeLoader from "svelte-iframe-loader";
const iframeSrc = "https://telegram.org/js/telegram-widget.js?22"; // const iframeSrc = "https://telegram.org/js/telegram-widget.js?22";
</script> </script>
<section> <section>
@ -20,29 +20,30 @@
<div class="p-10 sm:p-20" /> <div class="p-10 sm:p-20" />
<div class="p-10" /> <div class="p-10" />
<div class="relative mx-auto h-10 w-72">
<div class="absolute left-0 top-0 mx-auto inset-0 -z-50 w-5 h-auto">
<div class="inline-flex items-center my-auto space-x-2 animate-pulse">
<div class="relative h-64"> <div class="w-4 h-4 rounded-full bg-gray-400" />
<div class="absolute inset-0 flex items-center justify-center"> <div class="w-4 h-4 rounded-full bg-gray-400" />
<div class="inline-flex items-center space-x-2 animate-pulse"> <div class="w-4 h-4 rounded-full bg-gray-400" />
<div class="w-4 h-4 rounded-full bg-gray-400"></div> </div>
<div class="w-4 h-4 rounded-full bg-gray-400"></div>
<div class="w-4 h-4 rounded-full bg-gray-400"></div>
</div>
</div> </div>
<iframe class="w-full h-full" src={iframeSrc} title="Telegram logger"/> <div class="absolute left-0 top-0 mx-auto w-72">
</div> <Login
size="large"
username="Fishie_Honesty_bot"
requestAccess={true}
on:auth={(...args) => {
console.log(args);
}}
/>
</div>
<!-- <iframe class="w-full h-full" src={iframeSrc} title="Telegram logger"/> -->
</div>
<footer class="container mx-auto"> <footer class="container mx-auto">
<div class="flex justify-center items-center"> <div class="flex justify-center items-center">
<button class="btn btn-error"> <!-- <button class="btn btn-error">
<a href="">Login via Telegram</a> <a href="">Login via Telegram</a>
Click here to login Click here to login
</button> </button>
@ -51,10 +52,7 @@
username="Fishie_Honesty_bot" username="Fishie_Honesty_bot"
requestAccess=true requestAccess=true
size="large" size="large"
/> /> -->
</div> </div>
</footer> </footer>
</section> </section>