add shadow to notes on light theme
This commit is contained in:
parent
fd29dcd222
commit
b7b19ea1dd
@ -1,8 +1,23 @@
|
||||
.note {
|
||||
margin-bottom: 12px;
|
||||
border-radius: 16px;
|
||||
background-color: var(--note-bg);
|
||||
padding: 12px;
|
||||
min-height: 110px;
|
||||
}
|
||||
@media (min-width: 720px) {
|
||||
.note { margin-bottom: 24px; padding: 24px; }
|
||||
}
|
||||
@media (prefers-color-scheme: light) {
|
||||
.note {
|
||||
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
.note.thread {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
.note > .header .reply {
|
||||
font-size: var(--font-size-tiny);
|
||||
color: var(--font-secondary-color);
|
||||
@ -86,11 +101,6 @@
|
||||
font-feature-settings: "tnum";
|
||||
}
|
||||
|
||||
.trash-icon {
|
||||
color: var(--error);
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.reaction-pill .reaction-pill-number {
|
||||
margin-left: 8px;
|
||||
}
|
||||
@ -103,6 +113,11 @@
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.trash-icon {
|
||||
color: var(--error);
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.note.active > .header .reply {
|
||||
color: var(--font-tertiary-color);
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user