Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

notification style updates

Browse source
This commit is contained in:
Pas 2025-08-03 13:48:18 -06:00
parent 68407d7dad
commit a3ca870fe5
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/overlays/notificationsModal/components/DetailView.tsx
View file

@ -15,11 +15,11 @@ export function DetailView({
return (
<div className="space-y-4">
{/* Header with back button and toggle read status */}
<div className="flex md:flex-row flex-col items-start justify-between gap-4 pb-4 border-b border-utils-divider">
<div className="flex md:flex-row flex-col items-start md:items-center justify-between gap-4 pb-4 border-b border-utils-divider">
<button
type="button"
onClick={goBackToList}
className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1"
className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1 text-sm"
>
<Icon icon={Icons.CHEVRON_LEFT} />
<span>Back to notifications</span>
@ -58,7 +58,7 @@ export function DetailView({
{selectedNotification.source && (
<>
<span className="text-sm text-type-secondary">•</span>
<span className="text-sm text-type-secondary">
<span className="text-sm text-type-secondary text-nowrap">
{selectedNotification.source}
</span>
</>

4
src/components/overlays/notificationsModal/components/SettingsView.tsx
View file

@ -34,7 +34,7 @@ export function SettingsView({
<button
type="button"
onClick={onClose}
className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1"
className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1 text-sm"
>
<Icon icon={Icons.CHEVRON_LEFT} />
<span>Back to notifications</span>
@ -42,7 +42,7 @@ export function SettingsView({
</div>
{/* Settings content */}
<div className="space-y-6 overflow-y-auto max-h-[70vh] md:max-h-[60vh]">
<div className="space-y-6 overflow-y-auto max-h-[70vh] md:max-h-[60vh] md:pr-2">
{/* Mark all as unread section */}
<div className="bg-background-main/30 rounded-lg p-4 border border-utils-divider">
<h3 className="text-white font-bold mb-3">Mark All as Unread</h3>