mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-04-15 12:55:14 +00:00
106 lines
2.0 KiB
SCSS
106 lines
2.0 KiB
SCSS
@import 'src/app/core/scss/fuse';
|
|
|
|
:host {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
background: #FFFFFF;
|
|
padding: 24px;
|
|
|
|
.mail-header {
|
|
padding-bottom: 24px;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
|
|
|
|
.actions {
|
|
min-width: 88px;
|
|
}
|
|
|
|
.subject {
|
|
font-size: 17px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.label {
|
|
display: inline-block;
|
|
font-size: 11px;
|
|
padding: 0 5px;
|
|
margin: 8px 6px 0 0;
|
|
}
|
|
}
|
|
|
|
.mail-content {
|
|
padding: 24px 0;
|
|
|
|
.to {
|
|
color: rgba(0, 0, 0, 0.54);
|
|
|
|
.to-text {
|
|
margin-right: 4px;
|
|
text-transform: lowercase;
|
|
}
|
|
}
|
|
|
|
.info {
|
|
padding-bottom: 16px;
|
|
|
|
.avatar {
|
|
margin-right: 16px;
|
|
background-color: mat-color($accent);
|
|
}
|
|
|
|
.name {
|
|
margin-right: 8px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.toggle-details {
|
|
user-select: none;
|
|
text-decoration: underline;
|
|
padding-top: 16px;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.details {
|
|
padding-top: 8px;
|
|
|
|
.title {
|
|
font-weight: 500;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.detail {
|
|
color: rgba(0, 0, 0, 0.54);
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.mail-attachments {
|
|
padding: 24px 0;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.12);
|
|
|
|
.title {
|
|
margin-bottom: 16px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.attachment {
|
|
|
|
.preview {
|
|
width: 100px;
|
|
margin: 0 16px 8px 0;
|
|
}
|
|
|
|
.link {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.size {
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
}
|
|
}
|