Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-01-23 00:56:23 +01:00
Code Issues Projects Releases Packages Wiki Activity

Min-height to make sure it's not too small

Browse source
This commit is contained in:
Lim Chee Aun 2023-05-01 00:53:49 +08:00
parent ee2e78228e
commit 9a58804142
2 changed files with 31 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
src/pages/home.jsx
View file

@ -169,34 +169,36 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
<header>
<h2>Notifications</h2>
</header>
{snapStates.notifications.length ? (
<>
{snapStates.notifications
.slice(0, NOTIFICATIONS_DISPLAY_LIMIT)
.map((notification) => (
<Notification
key={notification.id}
instance={instance}
notification={notification}
/>
))}
</>
) : uiState === 'loading' ? (
<div class="ui-state">
<Loader abrupt />
</div>
) : (
uiState === 'error' && (
<main>
{snapStates.notifications.length ? (
<>
{snapStates.notifications
.slice(0, NOTIFICATIONS_DISPLAY_LIMIT)
.map((notification) => (
<Notification
key={notification.id}
instance={instance}
notification={notification}
/>
))}
</>
) : uiState === 'loading' ? (
<div class="ui-state">
<p>Unable to fetch notifications.</p>
<p>
<button type="button" onClick={loadNotifications}>
Try again
</button>
</p>
<Loader abrupt />
</div>
)
)}
) : (
uiState === 'error' && (
<div class="ui-state">
<p>Unable to fetch notifications.</p>
<p>
<button type="button" onClick={loadNotifications}>
Try again
</button>
</p>
</div>
)
)}
</main>
<footer>
<Link to="/mentions" class="button plain">
<Icon icon="at" /> <span>Mentions</span>

3
src/pages/notifications-menu.css
View file

@ -34,6 +34,9 @@
padding: 0;
font-size: 1.2em;
}
.notifications-menu main {
min-height: 100%;
}
.notifications-menu .notification {
animation: appear-smooth 0.3s ease-out 0.1s both;
}