Kieran/zap.stream
5
8
Fork 9
Code Issues 27 Pull Requests 1 Packages Projects 1 Releases Wiki Activity

Fix modal UI paddings

Browse Source
This commit is contained in:
Kieran 2023-09-06 15:20:53 +01:00
parent 348f98931b
commit 605aa17829
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
4 changed files with 36 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/element/new-goal.tsx
View File

@ -58,7 +58,7 @@ export function NewGoalDialog({ link }: NewGoalDialogProps) {
<Dialog.Portal>
<Dialog.Overlay className="dialog-overlay" />
<Dialog.Content className="dialog-content">
<div className="new-goal">
<div className="new-goal content-inner">
<div className="zap-goals">
<Icon name="zap-filled" className="stream-zap-goals-icon" size={16} />
<h3>

6
src/element/send-zap.tsx
View File

@ -129,7 +129,7 @@ export function SendZaps({ lnurl, pubkey, aTag, eTag, targetName, onFinish }: Se
</div>
<div>
<small>
<FormattedMessage defaultMessage="Zap amount in {currency}" values={{ amount: isFiat ? "USD" : "sats" }} />
<FormattedMessage defaultMessage="Zap amount in {currency}" values={{ currency: isFiat ? "USD" : "SATS" }} />
</small>
<div className="amounts">
{(isFiat ? usdAmounts : satsAmounts).map(a => (
@ -206,7 +206,9 @@ export function SendZapsDialog(props: Omit<SendZapsProps, "onFinish">) {
<Dialog.Portal>
<Dialog.Overlay className="dialog-overlay" />
<Dialog.Content className="dialog-content">
<SendZaps {...props} onFinish={() => setIsOpen(false)} />
<div className="content-inner">
<SendZaps {...props} onFinish={() => setIsOpen(false)} />
</div>
</Dialog.Content>
</Dialog.Portal>
</Dialog.Root>

34
src/element/share-menu.tsx
View File

@ -56,23 +56,25 @@ export function ShareMenu({ ev }: { ev: NostrEvent }) {
<Dialog.Portal>
<Dialog.Overlay className="dialog-overlay" />
<Dialog.Content className="dialog-content">
<h2>
<FormattedMessage defaultMessage="Share" />
</h2>
<div className="paper">
<Textarea
emojis={[]}
value={message}
onChange={e => setMessage(e.target.value)}
onKeyDown={() => {
//noop
}}
rows={15}
/>
<div className="content-inner">
<h2>
<FormattedMessage defaultMessage="Share" />
</h2>
<div className="paper">
<Textarea
emojis={[]}
value={message}
onChange={e => setMessage(e.target.value)}
onKeyDown={() => {
//noop
}}
rows={15}
/>
</div>
<AsyncButton className="btn btn-primary" onClick={sendMessage}>
<FormattedMessage defaultMessage="Send" />
</AsyncButton>
</div>
<AsyncButton className="btn btn-primary" onClick={sendMessage}>
<FormattedMessage defaultMessage="Send" />
</AsyncButton>
</Dialog.Content>
</Dialog.Portal>
</Dialog.Root>

22
src/element/stream-cards.tsx
View File

@ -312,14 +312,16 @@ function EditCard({ card, cards }: EditCardProps) {
<Dialog.Portal>
<Dialog.Overlay className="dialog-overlay" />
<Dialog.Content className="dialog-content">
<CardDialog
header={formatMessage({ defaultMessage: "Edit card" })}
cta={formatMessage({ defaultMessage: "Save card" })}
cancelCta={formatMessage({ defaultMessage: "Delete" })}
card={card}
onSave={editCard}
onCancel={onCancel}
/>
<div className="content-inner">
<CardDialog
header={formatMessage({ defaultMessage: "Edit card" })}
cta={formatMessage({ defaultMessage: "Save card" })}
cancelCta={formatMessage({ defaultMessage: "Delete" })}
card={card}
onSave={editCard}
onCancel={onCancel}
/>
</div>
</Dialog.Content>
</Dialog.Portal>
</Dialog.Root>
@ -383,7 +385,9 @@ function AddCard({ cards }: AddCardProps) {
<Dialog.Portal>
<Dialog.Overlay className="dialog-overlay" />
<Dialog.Content className="dialog-content">
<CardDialog onSave={createCard} onCancel={onCancel} />
<div className="content-inner">
<CardDialog onSave={createCard} onCancel={onCancel} />
</div>
</Dialog.Content>
</Dialog.Portal>
</Dialog.Root>