sui-explorer-local
Version:
Local Sui Explorer
133 lines (99 loc) • 2.25 kB
CSS
.txlinks {
@apply grid grid-cols-1 gap-1 md:grid-cols-2;
}
.txgridcomponent {
@apply block grid-cols-1 gap-0 md:grid md:grid-cols-1 md:gap-3;
}
.txevents {
@apply grid grid-cols-5;
}
.eventtitle {
@apply pl-2 text-gray-80;
}
.eventtitle:hover {
@apply cursor-pointer bg-gray-45;
border-radius: 6px;
}
.txeventsleft {
@apply col-span-1 hidden md:block;
margin-top: 12.5%;
line-height: 200%;
margin-right: 5%;
border-right: 1px solid #f0f1f2;
}
.txeventsright {
@apply col-span-5 overflow-y-scroll md:col-span-4;
max-height: 100vh; /* enables scrolling list independently of page */
}
.txcomponent {
@apply pb-4 pt-4;
}
.txgridcolspan2 {
grid-column: span 2;
border-right: 1px solid #f0f1f2;
@apply md:border-r-[1px] md:border-[#f0f1f2];
}
.txgridcolspan3 {
grid-column: span 3;
}
.txsender {
@apply col-start-2 mt-1 md:col-start-3 md:row-start-1 md:row-end-2;
}
.itemviewtitle,
.txtitle {
@apply mb-0 mt-5 text-lg font-[500] text-gray-100;
}
.itemviewcontentlabel {
@apply text-sm;
}
.itemviewtitle {
border-bottom: 1px solid #f0f1f2;
@apply border-b-[1px] border-[#f0f1f2] pb-1 pt-1;
}
.itemfieldstitle {
@apply border-b-[1px] border-[#f0f1f2] pb-1 pt-1 text-sm;
}
.itemviewcontent {
@apply mb-2 mt-2;
}
.itemviewcontent .itemviewcontentitem {
@apply grid gap-1 py-2 text-[14px] text-gray-80 md:text-[15px];
grid-template-columns: 1fr 3fr;
}
.itemviewcontentvalue {
@apply inline-flex content-center items-baseline text-sm text-gray-90 md:block;
line-break: anywhere;
}
.itemviewcontent .itemviewcontentitem a,
.itemviewcontent .itemviewcontentitem span {
@apply break-all font-mono text-sm text-sui-dark;
}
@media (min-width: 40em) {
.itemviewcontent .itemviewcontentitem {
grid-template-columns: 1fr 5fr;
}
.txmodule section:nth-child(2n) {
border-left: 1px solid #f0f1f2;
border-right: 1px solid #f0f1f2;
}
}
.singleitem {
@apply block sm:grid !important;
}
.mono {
@apply break-all font-mono text-sm;
}
.txdetailsbg ul {
@apply mb-2 mt-5;
border-top: none ;
}
.packagedetails .itemviewtitle {
@apply mt-0;
border-bottom: none;
}
.customhreflink {
@apply no-underline;
}
.datetime {
@apply block text-bodySmall font-semibold text-gray-75 sm:inline;
}