settings
一部があまりにもゴリ押し実装なので、いつかなんとかしたい
特に画像があるページのプレビュー
code:style.css
}
.container {
max-width: 95vw;
}
.grid li {
aspect-ratio: 1 / 1;
}
.grid li.page-list-item a:has(.pin) {
}
.grid li.page-list-item a .pin,
.grid li.page-list-item.pin::after {
display: none;
}
.grid li.page-list-item a {
border-radius: 1rem;
box-shadow: none;
}
.grid li.page-list-item a .content {
height: 100%;
position: relative;
top: 0;
left: 0;
}
.grid li.page-list-item a .title {
padding: 0 0.75rem;
border-radius: 5px;
}
.grid li.page-list-item a .header {
border-top: none;
}
.grid li.page-list-item a .icon {
margin-inline: 0;
border-radius: 1rem;
}
.grid li.page-list-item a .icon img {
height: 100%;
width: unset;
}
.grid li.page-list-item a .content:has(.icon) .title {
background-color: var(--card-title-bg);
display:inline-block;
}
.grid li.page-list-item a .content:has(.icon) .header {
position: absolute;
top: 0;
left: 0;
}
.page-list ul.grid {
grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
gap: 6px;
}
.page {
border: none;
box-shadow: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.telomere .telomere-border {
display: none;
}
.navbar-default {
background-color: rgb(255, 255, 255);
}
}
.line .indent-mark .dot {
background-color: transparent;
}
}
}
}
}
}