teutat3s/elk
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: add sign in for mobile

Browse source
This commit is contained in:
三咲智子 2022-11-26 11:53:23 +08:00
parent db762cdbba
commit 696ddb2bad
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
components/main/MainContent.vue
View file

@ -21,6 +21,11 @@
<AccountAvatar :account="currentUser.account" h="1.5em" />
</NuxtLink>
</template>
<template v-else>
<button btn-solid text-sm px-2 py-1 text-center @click="openSigninDialog()">
Sign in
</button>
</template>
</div>
</div>
<slot name="header" />

2
components/modal/ModalDialog.vue
View file

@ -23,7 +23,7 @@ watchOnce(modelValue, () => {
/>
<div
class="
bg-base absolute transition-all duration-200 ease-out shadow rounded-md transform ml-0
bg-base absolute transition-all duration-200 ease-out shadow rounded-md transform
border border-base top-1/2 -translate-y-1/2 mx-8 md:(left-1/2 -translate-x-1/2)
"
:class="modelValue ? 'opacity-100' : 'opacity-0'"

4
components/user/UserSignIn.vue
View file

@ -15,12 +15,12 @@ async function handleInput() {
</script>
<template>
<div h-full text-center justify-center flex="~ col items-center gap2">
<div text-center justify-center flex="~ col items-center gap2">
<div text-3xl mb2>
Sign in
</div>
<div>Mastodon Server Name</div>
<div flex bg-gray:10 px2 py1 mxa rounded border="~ border" w-80 text-xl items-center>
<div flex bg-gray:10 px2 py1 mxa rounded border="~ border" text-xl items-center>
<span op35 mr1 text-sm>https://</span>
<input v-model="server" :placeholder="DEFAULT_SERVER" outline-none bg-transparent @input="handleInput">
</div>