Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update notification frequency selection button styling and layout in settings.

Browse Source
This commit is contained in:
pradeepkumar
2026-03-08 00:55:04 +05:30
parent 4255d28c50
commit 8bfd60efa1
1 changed files with 17 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/settings/NotificationsForm.tsx
View File

@@ -270,24 +270,24 @@ export function NotificationsForm({ onSave }: NotificationsFormProps) {
</p>
{/* Frequency Tabs */}
<div className="inline-flex border border-[#00293D]/10 rounded-[7px] overflow-hidden">
<div className="inline-flex items-center border border-[#00293D]/10 rounded-[7px] h-[49px] px-2">
{frequencyOptions.map((option, index) => (
<button
key={option.value}
type="button"
onClick={() => setDigestFrequency(option.value)}
className={`px-5 py-2 text-[14px] font-fractul transition-colors ${
digestFrequency === option.value
? 'bg-[#e58625] text-[#00293D] font-medium'
: 'bg-white text-[#00293D] hover:bg-[#00293D]/5'
} ${
index < frequencyOptions.length - 1
? 'border-r border-[#00293D]/10'
: ''
}`}
>
{option.label}
</button>
<div key={option.value} className="flex items-center h-full">
<button
type="button"
onClick={() => setDigestFrequency(option.value)}
className={`px-5 py-1.5 text-[14px] font-fractul transition-colors rounded-[15px] ${
digestFrequency === option.value
? 'bg-[#e58625] text-[#00293D]'
: 'text-[#00293D] hover:bg-[#00293D]/5'
}`}
>
{option.label}
</button>
{index < frequencyOptions.length - 1 && (
<div className="w-px h-full bg-[#00293D]/10 mx-1" />
)}
</div>
))}
</div>
</div>