Browse Source

added css for explorer changes

pull/3/head
D 4 months ago
parent
commit
e128a714f3
  1. 111
      dragonx.is/style.css

111
dragonx.is/style.css

@ -1670,12 +1670,15 @@
box-sizing: border-box;
width: 100%;
border-radius: 0.25rem;
font-size: .75rem;
}
.block-hash {
background-color: rgba(20, 20, 20, 0.5);
box-shadow: 0 0 1rem var(--col-red-outline);
outline: .15rem solid var(--col-btn-red);
font-size: .55rem;
}
.block-hash:hover {
background-color: var(--col-red-bg-50);
@ -1928,6 +1931,7 @@
outline: .15rem solid var(--col-btn-red);
background-color: rgba(20, 20, 20, 0.5);
box-shadow: 0 0 1rem var(--col-red-outline);
}
.hash-info .block-info p {
position: absolute;
@ -1973,7 +1977,11 @@
padding-top: .25rem;
}
.hash-info .block-info a,
.adv-info .block-info p:nth-child(2) {
font-size: .52rem;
letter-spacing: normal;
}
.transaction {
@ -2060,6 +2068,7 @@
}
.tx-id-bar p{
margin: .25rem 0 0 0;
}
.tx-id-bar a,
.tx-id-bar p:nth-child(2){
@ -2069,9 +2078,15 @@
height: 100%;
text-align: center;
line-height: 4.75rem;
letter-spacing: .125rem;
/* letter-spacing: .125rem; */
font-weight: 200;
font-size: .85rem;
}
.tx-id-bar a {
font-size: .5rem;
}
.tx-id-bar a:hover {
background-color: var(--col-red-bg-50);
}
@ -2103,6 +2118,97 @@
margin: 0 .5rem;
}
#tx-info {
width: 100%;
}
#tx-info .back-btn,
#tx-info .explorer-btn {
font-size: 1rem;
padding: .5rem .5rem;
width: 5rem;
text-align: center;
}
#tx-info .back-btn:nth-child(2) {
left: unset;
right: unset;
}
.tx-info-bar {
width: 90%;
height: 100%;
outline: .15rem solid var(--col-red-outline);
margin: 0 auto;
position: relative;
background-color: rgba(22, 22, 22, 0.5);
border-radius: .25rem;
backdrop-filter: blur(20px);
padding: 2rem;
padding-top: 6rem;
box-sizing: border-box;
}
.tx-info-bar > div {
outline: .15rem solid var(--col-red-outline);
border-radius: .25rem;
background-color: rgba(22, 22, 22, 0.25);
padding: 0rem;
width: 100%;
text-align: center;
position: relative;
height: 4rem;
margin: .5rem 0;
}
.tx-info-bar div p {
margin: .25rem 0 0 0;
}
.tx-info-hash p {
position: absolute;
top: 0;
left: 0;
padding: .25rem 1rem;
margin: 0 !important;
border-radius: .25rem 0 .25rem 0;
outline: .15rem solid var(--col-btn-red);
background-color: var(--col-red-bg-50);
}
.tx-info-hash a {
display: inline-block;
position: absolute;
width: 100%;
height: 100%;
text-align: center;
margin: auto;
line-height: 6rem;
letter-spacing: .125rem;
font-weight: 200;
font-size: .8rem;
left: 0;
right: 0;
}
.tx-info-hash a:hover {
background-color: var(--col-red-bg-50);
}
.tx-transaction {
height: fit-content !important;
padding-bottom: 1rem !important;
}
.tx-info-main.tx-id {
padding: 0 .5rem;
height: 5rem;
box-sizing: border-box;
}
.tx-id-text {
word-break: break-all;
}
}
@media (min-width: 1180px) {
@ -2454,6 +2560,7 @@
outline: .15rem solid var(--col-btn-red);
top: 0;
bottom: unset;
}
.block-hash:hover {
background-color: var(--col-red-bg-50);

Loading…
Cancel
Save