feat(manga): cover mode

1 files changed, 48 insertions, 0 deletions

diff --git a/src/lib/List/covers.css b/src/lib/List/covers.css
new file mode 100644
index 00000000..2ecdcf02
--- /dev/null
+++ b/src/lib/List/covers.css
@@ -0,0 +1,48 @@
+.covers {
+	display: grid;
+	justify-content: center;
+	gap: 1em 0.5em;
+	margin-top: 0.5rem;
+}
+
+.cover {
+	background-size: cover;
+	background-position: center;
+	border-radius: 8px;
+}
+
+.cover-title {
+	text-align: center;
+	margin: 0.25rem;
+}
+
+.cover-card {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	transition: transform 0.3s ease;
+	box-sizing: border-box;
+	display: inline-block;
+	padding: 0.1em;
+	margin: -0.1em;
+	box-sizing: content-box;
+}
+
+.cover-card:hover {
+	transform: scale(1.1);
+	position: relative;
+	z-index: 2;
+	transition: transform 0.3s ease;
+}
+
+.entry::after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.countdown {
+	white-space: nowrap;
+	float: right;
+}