Browse Source

fix tabs

imwald
Silberengel 2 weeks ago
parent
commit
ffa90a1614
  1. 18
      src/components/PostEditor/PostContent.tsx
  2. 8
      src/components/PostEditor/PostTextarea/index.tsx
  3. 4
      src/constants.ts

18
src/components/PostEditor/PostContent.tsx

@ -3081,17 +3081,17 @@ export default function PostContent({
isMediaNoteComposerMode ? t('Media Note') : isMediaNoteComposerMode ? t('Media Note') :
t('Short Note') t('Short Note')
return ( return (
<div className="flex flex-wrap items-center justify-end gap-1.5"> <div className="flex flex-nowrap items-center justify-end gap-1">
<Button <Button
type="button" type="button"
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 gap-1.5 text-sm font-normal shrink-0" className="h-8 shrink-0 gap-1 px-2 text-xs font-normal sm:text-sm"
onClick={() => void handleOpenAdvancedLab()} onClick={() => void handleOpenAdvancedLab()}
title={t('Advanced event lab')} title={t('Advanced event lab')}
> >
<Code2 className="h-3.5 w-3.5 shrink-0" /> <Code2 className="h-3.5 w-3.5 shrink-0" />
<span className="max-w-[9rem] truncate text-xs sm:text-sm"> <span className="max-w-[5.25rem] truncate sm:max-w-[8.5rem]">
{t('Advanced event lab')} {t('Advanced event lab')}
</span> </span>
</Button> </Button>
@ -3101,7 +3101,7 @@ export default function PostContent({
type="button" type="button"
variant="outline" variant="outline"
size="sm" size="sm"
className="h-8 gap-1.5 text-sm font-normal shrink-0" className="h-8 w-8 shrink-0 p-0"
disabled={!canUseMediaKindFromUrlButton} disabled={!canUseMediaKindFromUrlButton}
title={ title={
canUseMediaKindFromUrlButton canUseMediaKindFromUrlButton
@ -3111,13 +3111,17 @@ export default function PostContent({
onClick={handleUseMediaNoteKindFromUrl} onClick={handleUseMediaNoteKindFromUrl}
> >
<Upload className="h-3.5 w-3.5 shrink-0" /> <Upload className="h-3.5 w-3.5 shrink-0" />
<span className="hidden sm:inline max-w-[7.5rem] truncate">{t('Media kind')}</span> <span className="sr-only">{t('Media kind')}</span>
</Button> </Button>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<Button variant="outline" size="sm" className="gap-1.5 h-8 text-sm font-normal"> <Button
variant="outline"
size="sm"
className="h-8 min-w-0 max-w-[6.75rem] shrink gap-1 px-2 text-xs font-normal sm:max-w-[9rem] sm:text-sm"
>
<ActiveIcon className="h-3.5 w-3.5 shrink-0" /> <ActiveIcon className="h-3.5 w-3.5 shrink-0" />
<span className="max-w-[120px] truncate">{activeLabel}</span> <span className="min-w-0 truncate">{activeLabel}</span>
<ChevronDown className="h-3.5 w-3.5 shrink-0 opacity-60" /> <ChevronDown className="h-3.5 w-3.5 shrink-0 opacity-60" />
</Button> </Button>
</DropdownMenuTrigger> </DropdownMenuTrigger>

8
src/components/PostEditor/PostTextarea/index.tsx

@ -272,8 +272,8 @@ const PostTextarea = forwardRef<
return ( return (
<Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-2"> <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-2">
<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2"> <div className="flex min-w-0 flex-col gap-2">
<TabsList className="w-auto justify-start"> <TabsList className="w-auto shrink-0 justify-start">
<TabsTrigger value="edit" title={t('Edit')}> <TabsTrigger value="edit" title={t('Edit')}>
{t('Edit')} {t('Edit')}
</TabsTrigger> </TabsTrigger>
@ -281,11 +281,11 @@ const PostTextarea = forwardRef<
{t('Preview')} {t('Preview')}
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
{headerActions && ( {headerActions ? (
<div className="flex min-w-0 flex-nowrap items-center justify-end gap-1 overflow-x-auto overscroll-x-contain"> <div className="flex min-w-0 flex-nowrap items-center justify-end gap-1 overflow-x-auto overscroll-x-contain">
{headerActions} {headerActions}
</div> </div>
)} ) : null}
</div> </div>
<TabsContent <TabsContent
value="edit" value="edit"

4
src/constants.ts

@ -549,9 +549,7 @@ export const PROFILE_RELAY_URLS = [
'wss://profiles.nostr1.com', 'wss://profiles.nostr1.com',
'wss://profiles.nostrver.se/', 'wss://profiles.nostrver.se/',
'wss://indexer.coracle.social/', 'wss://indexer.coracle.social/',
'wss://thecitadel.nostr1.com', 'wss://thecitadel.nostr1.com'
'wss://relay.damus.io',
'wss://relay.primal.net'
] ]
export const FOLLOWS_HISTORY_RELAY_URLS = [ export const FOLLOWS_HISTORY_RELAY_URLS = [

Loading…
Cancel
Save