HomeEntry Responsive style

2016-11-11 11:09:35 +08:00
parent 0f2bf150a7
commit 5e48868fa8
2 changed files with 21 additions and 6 deletions
--- a/botanjs/src/Astro/Blog/Components/Entry/Home.css
+++ b/botanjs/src/Astro/Blog/Components/Entry/Home.css
@@ -10,12 +10,22 @@
 	text-align: right;
 }

+[data-narrow] .h_info {
+	position: relative;
+	width: auto;
+	text-align: center;
+}

 .h_body {
 	margin-left: 7em;
 	margin-right: 0.5em;
 }

+[data-narrow] .h_body
+, [data-narrow] .h_bodyWrapper {
+	margin: 0 auto;
+}
+
 .h_bodyWrapper {
 	border: 1px solid #D4D7C9;
 	background-color: #FAFAFA;
@@ -47,6 +57,7 @@
 	width: 80px;
 	height: 80px;
 }
+[data-narrow] .h_avatarWrapper { display: inline; }

 .h_avatar, .a_avatarWrapper {
 	width: 80px;