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

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

View file

@ -169,6 +169,7 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
<header> <header>
<h2>Notifications</h2> <h2>Notifications</h2>
</header> </header>
<main>
{snapStates.notifications.length ? ( {snapStates.notifications.length ? (
<> <>
{snapStates.notifications {snapStates.notifications
@ -197,6 +198,7 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
</div> </div>
) )
)} )}
</main>
<footer> <footer>
<Link to="/mentions" class="button plain"> <Link to="/mentions" class="button plain">
<Icon icon="at" /> <span>Mentions</span> <Icon icon="at" /> <span>Mentions</span>

View file

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