webapp/src/components/NotificationsPanel/NotificationView/NotificationView.module.scss
Ilya Y 2674717f04
Feature/notifications (#244)
* WIP

* WIP

* WIP

* packaga-lock.json

* WIP

* WIP

* WIP

* WIP

* v0.1

* debug code removed

---------

Co-authored-by: Igor Lobanov <igor.lobanov@onetwotrip.com>
2023-10-14 14:39:24 +03:00

33 lines
528 B
SCSS

.NotificationView {
display: flex;
align-items: center;
height: 72px;
margin-left: -16px;
border-radius: 16px;
padding: 16px;
background-color: var(--yellow-50);
// TODO: check markup
font-size: 15px;
// font-weight: 700;
line-height: 20px;
cursor: pointer;
transition: background-color 100ms;
&.seen {
background-color: transparent;
}
&:hover {
background-color: var(--gray-100);
}
}
.userpic {
margin-right: 15px;
}
.timeContainer {
margin-left: auto;
padding-left: 16px;
}