diff --git a/public/index.html b/public/index.html
index c9f0ae9..e0512ef 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,6 +19,8 @@
+
+
P大树洞（非官方）
diff --git a/public/static/splash/1668x2388.png b/public/static/splash/1668x2388.png
new file mode 100644
index 0000000..ef1f532
Binary files /dev/null and b/public/static/splash/1668x2388.png differ
diff --git a/public/static/splash/2388x1668.png b/public/static/splash/2388x1668.png
new file mode 100644
index 0000000..3f72ef8
Binary files /dev/null and b/public/static/splash/2388x1668.png differ
diff --git a/src/Common.css b/src/Common.css
index 0f3bb04..f2eb53e 100644
--- a/src/Common.css
+++ b/src/Common.css
@@ -41,7 +41,7 @@
left: 0;
width: 100%;
height: 100%;
- background: #124 fixed center center;
+ background: #124 center center;
background-size: cover;
}
diff --git a/src/Flows.css b/src/Flows.css
index 583dd77..42ae439 100644
--- a/src/Flows.css
+++ b/src/Flows.css
@@ -46,24 +46,6 @@
clear: both;
}
-@media screen and (max-width: 900px) {
- .left-container .flow-item {
- display: block;
- width: calc(100vw - 20px);
- max-width: 600px;
- float: none;
- }
-
- .flow-reply-row {
- display: flex;
- width: 100% !important;
- margin-left: 0;
- padding-left: 30px;
- margin-top: -2.5em;
- margin-bottom: -1em;
- }
-}
-
.left-container .flow-reply {
flex: 0 0 300px;
max-height: 15em;
@@ -79,7 +61,7 @@
width: calc(100% - 2 * 50px);
}
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1300px) {
.aux-margin,
.left-container .flow-item {
margin-left: 10px;
@@ -89,7 +71,33 @@
}
.flow-reply-row {
- width: calc(100% - 585px);
+ width: calc(100% - 485px);
+ }
+
+ .left-container .flow-item {
+ width: 500px;
+ }
+
+ .flow-item-row:hover::before {
+ display: none;
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .left-container .flow-item {
+ display: block;
+ width: calc(100vw - 20px);
+ max-width: 500px;
+ float: none;
+ }
+
+ .flow-reply-row {
+ display: flex;
+ width: 100% !important;
+ margin-left: 0;
+ padding-left: 30px;
+ margin-top: -2.5em;
+ margin-bottom: -1em;
}
}
@@ -107,12 +115,6 @@
font-family: 'Consolas', 'Courier', monospace;
}
-@media screen and (max-width: 1200px) {
- .flow-item-row:hover::before {
- display: none;
- }
-}
-
.box-header {
font-size: small;
}
diff --git a/src/Flows.js b/src/Flows.js
index 5b8cdbd..3a202e7 100644
--- a/src/Flows.js
+++ b/src/Flows.js
@@ -75,8 +75,8 @@ function FlowItem(props) {
event.preventDefault();
copy(
`${event.target.href}\n`+
- `（${format_time(new Date(props.info.timestamp*1000))} ${props.info.likenum}关注 ${props.info.reply}回复）\n`+
`${props.info.text}${props.info.type==='image'?' [图片]':props.info.type==='audio'?' [语音]':''}\n`+
+ `（${format_time(new Date(props.info.timestamp*1000))} ${props.info.likenum}关注 ${props.info.reply}回复）\n`+
props.replies.map((r)=>(r.text)).join('\n')
);
}
diff --git a/src/Sidebar.css b/src/Sidebar.css
index d77a09c..6367653 100644
--- a/src/Sidebar.css
+++ b/src/Sidebar.css
@@ -37,18 +37,18 @@
font-weight: bold;
}
-@media screen and (max-width: 1200px) {
+@media screen and (max-width: 1300px) {
.sidebar {
width: 550px;
+ padding: 1em .5em;
}
.sidebar-on .sidebar {
left: calc(100% - 550px);
}
}
-@media screen and (max-width: 600px) {
+@media screen and (max-width: 570px) {
.sidebar {
width: calc(100% - 20px);
- padding: 1em .5em;
}
.sidebar-on .sidebar {
left: 20px;