mempool/frontend/src/app/lightning/channel/channel.component.scss
2023-01-18 16:44:37 -06:00

82 lines
1.1 KiB
SCSS

.title-container {
display: flex;
flex-direction: row;
@media (max-width: 767.98px) {
flex-direction: column;
}
}
.tx-link {
display: flex;
flex-grow: 1;
@media (min-width: 768px) {
top: 1px;
position: relative;
align-self: end;
margin-left: 15px;
margin-top: 0px;
margin-bottom: 4px;
}
@media (max-width: 768px) {
order: 2;
}
}
.badges {
font-size: 20px;
}
.badge {
margin-right: 5px;
}
app-fiat {
display: block;
font-size: 13px;
@media (min-width: 768px) {
font-size: 14px;
display: inline-block;
margin-left: 10px;
}
}
.closing-header {
flex-direction: row;
margin-bottom: 1rem;
align-items: center;
}
h3 {
margin-bottom: 0rem;
}
@media (max-width: 768px) {
h3 {
font-size: 1.4rem;
white-space: nowrap;
}
.closing-header {
flex-wrap: wrap;
}
app-closing-type {
flex-basis: 100%;
order: 1;
}
}
.loading-spinner {
position: absolute;
top: 400px;
z-index: 100;
width: 100%;
left: 0;
@media (max-width: 767.98px) {
top: 450px;
}
}
.details-button {
align-self: center;
margin-left: auto;
}