nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-09-07 20:13: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>
<a
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' ? (
<HeartIconFull width={28} />

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

@ -135,7 +135,7 @@ function CreateNoteForm({
/>
<Show when={focused}>
<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}
</button>
<div className="flex flex-row gap-2">
@ -147,7 +147,7 @@ function CreateNoteForm({
</button>
</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>
<EventContent
fullWidth={true}

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

@ -147,7 +147,7 @@ const TextArea: React.FC<TextAreaProps> = ({
onKeyDown={onKeyDown}
onPaste={onPaste}
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"
placeholder={t(placeholder)}
autoComplete="off"

3
tailwind.config.js
View File

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