feat(*/style.css): mobile layout

commit	7b6311639d02e95f64e18229cf2821ec82ea220e
parent	34ab70a13833f36781408cc2ad2564536aa77754
author	lostduk <hi@lostduk.com>
date	2026-10-19 00:08 +0700

herbarium/style.css	20	++++++++++++++++++++
petal/style.css	20	++++++++++++++++++++

2 files changed, -0/+40

herbarium/style.css

@@ -50,6 +50,7 @@ a:hover {  #top { 	display: flex;+	flex-wrap: wrap; 	gap: 2ch; 	padding-bottom: 0.75rem; 	border-bottom: 1px dashed var(--dim);@@ -63,6 +64,7 @@ a:hover {  #top nav, header nav { 	display: flex;+	flex-wrap: wrap; 	gap: 1ch; } @@ -102,6 +104,7 @@ header .desc { 	padding: 0.4rem 1.5ch 0.4rem 1.25ch; 	background: var(--faint); 	border-left: 2px solid var(--leaf);+	overflow-wrap: anywhere; }  .clone span {@@ -326,6 +329,23 @@ h3 { }  @media (max-width: 640px) {+	body {+		padding: 0.75rem 1ch 2rem;+	}++	header {+		padding-top: 1.25rem;+	}++	main {+		overflow-x: auto;+	}++	.meta td + td, .addrs td + td {+		white-space: normal;+		overflow-wrap: anywhere;+	}+ 	.sm { 		display: none; 	}

petal/style.css

@@ -50,6 +50,7 @@ a:hover {  #top { 	display: flex;+	flex-wrap: wrap; 	gap: 2ch; 	padding-bottom: 0.75rem; 	border-bottom: 1px dashed var(--dim);@@ -63,6 +64,7 @@ a:hover {  #top nav, header nav { 	display: flex;+	flex-wrap: wrap; 	gap: 1ch; } @@ -102,6 +104,7 @@ header .desc { 	padding: 0.4rem 1.5ch 0.4rem 1.25ch; 	background: var(--faint); 	border-left: 2px solid var(--leaf);+	overflow-wrap: anywhere; }  .clone span {@@ -326,6 +329,23 @@ h3 { }  @media (max-width: 640px) {+	body {+		padding: 0.75rem 1ch 2rem;+	}++	header {+		padding-top: 1.25rem;+	}++	main {+		overflow-x: auto;+	}++	.meta td + td, .addrs td + td {+		white-space: normal;+		overflow-wrap: anywhere;+	}+ 	.sm { 		display: none; 	}