nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-09-16 16:23:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

note form style

Browse Source
This commit is contained in:
Martti Malmi 2023-08-16 16:41:55 +03:00
parent d2be00cc32
commit bdd47a759f
4 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/components/Header.tsx
View File

@ -187,7 +187,7 @@ export default class Header extends Component {
</Show> </Show>
<a <a
href="/notifications" href="/notifications"
className={`relative inline-block ${this.state.isMyProfile ? 'hidden md:flex' : ''}`} className={`relative inline-block rounded-full ${this.state.isMyProfile ? 'hidden md:flex' : ''}`}
> >
{this.state.activeRoute === '/notifications' ? ( {this.state.activeRoute === '/notifications' ? (
<HeartIconFull width={28} /> <HeartIconFull width={28} />

4
src/js/components/create/CreateNoteForm.tsx
View File

@ -135,7 +135,7 @@ function CreateNoteForm({
/> />
<Show when={focused}> <Show when={focused}>
<div className="flex items-center justify-between mt-4"> <div className="flex items-center justify-between mt-4">
<button type="button" className="btn" onClick={attachFileClicked}> <button type="button" className="btn btn-sm" onClick={attachFileClicked}>
{Icons.attach} {Icons.attach}
</button> </button>
<div className="flex flex-row gap-2"> <div className="flex flex-row gap-2">
@ -147,7 +147,7 @@ function CreateNoteForm({
</button> </button>
</div> </div>
</div> </div>
<div className="p-2 bg-neutral-900 rounded-sm my-4"> <div className="p-2 md:p-4 bg-neutral-900 rounded-sm my-4">
<div className="text-xs text-neutral-500 mb-2">{t('preview')}</div> <div className="text-xs text-neutral-500 mb-2">{t('preview')}</div>
<EventContent <EventContent
fullWidth={true} fullWidth={true}

2
src/js/components/create/TextArea.tsx
View File

@ -147,7 +147,7 @@ const TextArea: React.FC<TextAreaProps> = ({
onKeyDown={onKeyDown} onKeyDown={onKeyDown}
onPaste={onPaste} onPaste={onPaste}
onInput={onInput} onInput={onInput}
className="p-2 mt-1 w-full h-12 bg-black focus:ring-blue-500 focus:border-blue-500 block w-full text-lg border-gray-700 rounded-md text-white" className="p-2 mt-1 w-full h-12 bg-black focus:outline-iris-purple block w-full text-lg border-gray-700 rounded-md text-white"
type="text" type="text"
placeholder={t(placeholder)} placeholder={t(placeholder)}
autoComplete="off" autoComplete="off"

3
tailwind.config.js
View File

@ -20,6 +20,9 @@ export default {
'iris-red': '#f81780', 'iris-red': '#f81780',
'iris-purple': '#8e44ad', 'iris-purple': '#8e44ad',
}, },
outlineColor: {
'iris-purple': '#8e44ad',
},
spacing: { spacing: {
px: '1px', px: '1px',
}, },