newthuhole
/
hole_thu_frontend
4
6
Fork 2
Code Issues 8 Pull Requests Projects Releases Wiki Activity
Browse Source

style update

dev
xmcp 7 years ago
parent
14e42eba80
commit
f541c0f297
7 changed files with 35 additions and 31 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      public/index.html
  2. BIN
      public/static/splash/1668x2388.png
  3. BIN
      public/static/splash/2388x1668.png
  4. 2
      src/Common.css
  5. 54
      src/Flows.css
  6. 2
      src/Flows.js
  7. 6
      src/Sidebar.css

2
public/index.html
Unescape View File

@ -19,6 +19,8 @@
<meta name="apple-mobile-web-app-title" content="树洞"> <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/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/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> <title>P大树洞（非官方）</title>
</head> </head>
<body> <body>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.2 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

2
src/Common.css
Unescape View File

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

54
src/Flows.css
Unescape View File

@ -46,24 +46,6 @@
clear: both; 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 { .left-container .flow-reply {
flex: 0 0 300px; flex: 0 0 300px;
max-height: 15em; max-height: 15em;
@ -79,7 +61,7 @@
width: calc(100% - 2 * 50px); width: calc(100% - 2 * 50px);
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1300px) {
.aux-margin, .aux-margin,
.left-container .flow-item { .left-container .flow-item {
margin-left: 10px; margin-left: 10px;
@ -89,7 +71,33 @@
} }
.flow-reply-row { .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; font-family: 'Consolas', 'Courier', monospace;
} }
@media screen and (max-width: 1200px) {
.flow-item-row:hover::before {
display: none;
}
}
.box-header { .box-header {
font-size: small; font-size: small;
} }

2
src/Flows.js
Unescape View File

@ -75,8 +75,8 @@ function FlowItem(props) {
event.preventDefault(); event.preventDefault();
copy( copy(
`${event.target.href}\n`+ `${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`+ `${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') props.replies.map((r)=>(r.text)).join('\n')
); );
} }

6
src/Sidebar.css
Unescape View File

@ -37,18 +37,18 @@
font-weight: bold; font-weight: bold;
} }
@media screen and (max-width: 1200px) { @media screen and (max-width: 1300px) {
.sidebar { .sidebar {
width: 550px; width: 550px;
padding: 1em .5em;
} }
.sidebar-on .sidebar { .sidebar-on .sidebar {
left: calc(100% - 550px); left: calc(100% - 550px);
} }
} }
@media screen and (max-width: 600px) { @media screen and (max-width: 570px) {
.sidebar { .sidebar {
width: calc(100% - 20px); width: calc(100% - 20px);
padding: 1em .5em;
} }
.sidebar-on .sidebar { .sidebar-on .sidebar {
left: 20px; left: 20px;

Write Preview
Loading…
Cancel
Save