mempool/frontend/src/app/components/transaction/transaction.component.scss

146 lines
1.9 KiB
SCSS
Raw Normal View History

.adjust-btn-padding {
padding: 0.55rem;
}
.container-buttons {
text-align: right;
2021-10-11 22:33:20 -03:00
align-self: start;
width: auto;
margin-right: 15px;
right: 0;
position: absolute;
@media (min-width: 650px) {
right: auto;
margin-right: auto;
position: relative;
}
@media (min-width: 768px) {
align-self: center;
float: right;
}
}
2021-10-11 22:33:20 -03:00
.title-block {
flex-direction: column;
2021-10-26 21:47:17 -03:00
@media (min-width: 650px) {
flex-direction: row;
}
2021-10-11 22:33:20 -03:00
h1 {
2021-10-26 21:47:17 -03:00
margin: 0rem;
line-height: 1;
2021-10-11 22:33:20 -03:00
}
}
.tx-link {
2021-10-11 22:33:20 -03:00
display: flex;
2021-10-26 21:47:17 -03:00
margin-bottom: 0px;
margin-top: 8px;
2021-10-11 22:33:20 -03:00
@media (min-width: 650px) {
align-self: end;
2021-10-26 21:47:17 -03:00
margin-left: 15px;
margin-top: 0px;
margin-bottom: -3px;
}
@media (min-width: 768px) {
2021-10-26 21:47:17 -03:00
margin-bottom: 0px;
top: 1px;
position: relative;
}
}
2020-03-25 02:55:26 +07:00
.td-width {
width: 150px;
@media (max-width: 768px) {
width: 175px;
}
}
.badge {
position: relative;
top: -1px;
}
.btn-small-height {
line-height: 1.1;
}
.arrow-green {
color: #1a9436;
}
.arrow-red {
color: #dc3545;
}
.container-xl {
margin-bottom: 40px;
}
.row{
flex-direction: column;
@media (min-width: 850px) {
flex-direction: row;
}
}
@media (max-width: 767.98px) {
.mobile-bottomcol {
margin-top: 15px;
}
.details-table td:first-child {
white-space: pre-wrap;
}
}
.fiat {
display: block;
@media (min-width: 768px){
display: inline-block;
margin-left: 15px;
text-align: left;
}
}
.table {
tr td {
padding: 0.75rem 0.5rem;
@media (min-width: 576px) {
padding: 0.75rem 0.75rem;
}
&:last-child {
text-align: right;
@media (min-width: 768px) {
text-align: left;
}
}
.btn {
display: block;
}
}
}
2021-10-26 21:47:17 -03:00
.effective-fee-container {
display: block;
@media (min-width: 768px){
display: inline-block;
}
2021-10-11 22:33:20 -03:00
}
2021-10-26 21:47:17 -03:00
.title {
h2 {
line-height: 1;
margin: 0;
padding-bottom: 10px;
}
}
.btn-outline-info {
margin-top: -10px;
@media (min-width: 768px){
display: inline-block;
margin-top: 0px;
}
}