Admin Reports: restyle with Tailwind

This commit is contained in:
Alex Gleason
2022-11-27 13:12:40 -06:00
parent c483a60ef1
commit 5ef9a93371
5 changed files with 68 additions and 198 deletions

View File

@@ -56,86 +56,6 @@
}
}
.admin-report {
padding: 15px;
display: flex;
border-bottom: 1px solid var(--brand-color--faint);
&__content {
padding: 0 16px;
flex: 1;
overflow: hidden;
}
&__title {
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
}
&__quote {
font-size: 14px;
a {
color: var(--brand-color--hicontrast);
}
.byline {
font-size: 12px;
a {
text-decoration: none;
}
}
}
&__actions {
display: flex;
align-items: center;
height: fit-content;
margin-left: auto;
.icon-button {
padding-left: 10px;
> div {
display: flex;
align-items: center;
justify-content: center;
> .svg-icon {
height: 20px;
width: 20px;
}
}
}
}
&__status-content {
overflow: hidden;
}
&__status {
display: flex;
border-bottom: 1px solid var(--accent-color--med);
padding: 10px 0;
&:last-child {
border: 0;
}
.status__content {
flex: 1;
padding: 0;
}
&-actions {
padding: 3px 10px;
margin-left: auto;
}
}
}
.logentry {
padding: 15px;