diff --git a/src/assets/main.css b/src/assets/main.css index 47fcbcb..4d9985d 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,10 +1,20 @@ -.mw-60 { - max-width: 60rem; +.mw-30 { + max-width: 30rem; margin: 0 auto; } -.mw-30 { - max-width: 30rem; +.mw-40 { + max-width: 40rem; + margin: 0 auto; +} + +.mw-50 { + max-width: 50rem; + margin: 0 auto; +} + +.mw-60 { + max-width: 60rem; margin: 0 auto; } @@ -39,3 +49,33 @@ .sprite-preview-name { padding-left: 0.7em; } + +.spoiler-table { + width: 100%; + --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.04); + --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.2); + margin-bottom: 1.5rem; +} + +.spoiler-table th, .spoiler-table td { + border-top: none; + padding-top: 0; + padding-bottom: 2px; + border-bottom: 1px dotted #ccc; +} + +.spoiler-table tr:first-child th { + padding-top: 0.75rem; +} + +.spoiler-table th { + border-bottom: none; +} + +.spoiler-table tr:last-child th { + border-bottom: 1px solid #bbb; +} + +.spoiler-table tr:last-child td { + border-bottom: none; +} diff --git a/src/components/EntranceSection.vue b/src/components/EntranceSection.vue new file mode 100644 index 0000000..68aeece --- /dev/null +++ b/src/components/EntranceSection.vue @@ -0,0 +1,50 @@ + + + diff --git a/src/components/EntranceSpoiler.vue b/src/components/EntranceSpoiler.vue new file mode 100644 index 0000000..b9f34a5 --- /dev/null +++ b/src/components/EntranceSpoiler.vue @@ -0,0 +1,96 @@ + + + diff --git a/src/components/ItemSpoiler.vue b/src/components/ItemSpoiler.vue new file mode 100644 index 0000000..f10a5db --- /dev/null +++ b/src/components/ItemSpoiler.vue @@ -0,0 +1,84 @@ + + + diff --git a/src/components/Multi.vue b/src/components/Multi.vue index 61ddc00..f421456 100644 --- a/src/components/Multi.vue +++ b/src/components/Multi.vue @@ -81,11 +81,11 @@ export default defineComponent({
- Permalink: {{ permalink }} + Permalink: {{ permalink }}