highperfocused/nostrdvm
1
0
Fork 0
mirror of https://github.com/believethehype/nostrdvm.git synced 2025-11-19 00:36:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

noogle: mobile optimizations

Browse Source
This commit is contained in:
Believethehype
2024-01-29 11:09:36 +01:00
parent 9d98cd1a68
commit c945487c07
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/noogle/src/components/ImageGeneration.vue
View File

@@ -331,7 +331,7 @@ const submitHandler = async () => {
<ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal"> <ModalComponent :isOpen="isModalOpened" @modal-close="closeModal" @submit="submitHandler" name="first-modal">
<template #header>Share your creation on Nostr <br> <br></template> <template #header>Share your creation on Nostr <br> <br></template>
<template #content><textarea v-model="modalcontent" className="c-Input" style="width: 400px; height: 300px;">{{modalcontent}}</textarea></template> <template #content><textarea v-model="modalcontent" className="d-Input" style="height: 300px;">{{modalcontent}}</textarea></template>
<template #footer><button className="v-Button" @click="post_note(modalcontent)" @click.stop="closeModal">Create Note</button></template> <template #footer><button className="v-Button" @click="post_note(modalcontent)" @click.stop="closeModal">Create Note</button></template>
</ModalComponent> </ModalComponent>
@@ -501,6 +501,14 @@ const submitHandler = async () => {
background: black; background: black;
} }
.d-Input {
@apply bg-black hover:bg-gray-900 focus:ring-white mb-2 inline-flex flex-none items-center rounded-lg border border-transparent px-3 py-1.5 text-sm leading-4 text-white transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white dark:focus:ring-offset-gray-900;
width: 300px;
color: white;
background: black;
}
.playeauthor-wrapper { .playeauthor-wrapper {
padding: 6px; padding: 6px;
display: flex; display: flex;

4
ui/noogle/src/components/Newnote.vue
View File

@@ -47,8 +47,8 @@ onClickOutside(target, ()=>emit('modal-close'))
} }
.modal-container { .modal-container {
@apply bg-base-100; @apply bg-base-100;
width: 500px; width: 400px;
margin: 150px auto; margin: 200px auto;
padding: 20px 30px; padding: 20px 30px;
//background-color: #181818; //background-color: #181818;
border-radius: 2px; border-radius: 2px;