user2/hole_thu_frontend
1
0
Fork 0
forked from newthuhole/hole_thu_frontend
Code Issues Pull Requests Projects Releases Wiki Activity

style update

Browse Source
This commit is contained in:
xmcp
2019-02-07 13:14:12 +08:00
parent 14e42eba80
commit f541c0f297
7 changed files with 35 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@@ -19,6 +19,8 @@
<meta name="apple-mobile-web-app-title" content="树洞">
<link rel="apple-touch-startup-image" href="%PUBLIC_URL%/static/splash/750x1334.png" media="(device-width: 375px) and (-webkit-device-pixel-ratio: 2)"/>
<link rel="apple-touch-startup-image" href="%PUBLIC_URL%/static/splash/1242x2208.png" media="(device-width: 414px) and (-webkit-device-pixel-ratio: 3)"/>
<link rel="apple-touch-startup-image" href="%PUBLIC_URL%/static/splash/1668x2388.png" media="(device-width: 834px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"/>
<link rel="apple-touch-startup-image" href="%PUBLIC_URL%/static/splash/2388x1668.png" media="(device-width: 834px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"/>
<title>P大树洞（非官方）</title>
</head>
<body>

BIN
public/static/splash/1668x2388.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

BIN
public/static/splash/2388x1668.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

2
src/Common.css
View File

@@ -41,7 +41,7 @@
left: 0;
width: 100%;
height: 100%;
background: #124 fixed center center;
background: #124 center center;
background-size: cover;
}

54
src/Flows.css
View File

@@ -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;
}

2
src/Flows.js
View File

@@ -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')
);
}

6
src/Sidebar.css
View File

@@ -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;