diff --git a/src/App.js b/src/App.js index a87c97f..a072ca7 100644 --- a/src/App.js +++ b/src/App.js @@ -31,7 +31,9 @@ class App extends Component { render() { return (
-
+
<div className="left-container"> <Flow key={this.state.flow_render_key} diff --git a/src/Common.css b/src/Common.css index 73a1c80..eac22c5 100644 --- a/src/Common.css +++ b/src/Common.css @@ -31,6 +31,7 @@ .title-line::before, .title-line::after { background-color: #fff; + box-shadow: 0 1px 1px #000; } .bg-img { @@ -40,6 +41,16 @@ left: 0; width: 100%; height: 100%; - background: #124 url(/eriri_bg.jpg) fixed center center; + background: #124 fixed center center; background-size: cover; +} + +.black-outline { + text-shadow: + -1px -1px 0 #000, + 0 -1px 0 #000, + 1px -1px 0 #000, + -1px 1px 0 #000, + 0 1px 0 #000, + 1px 1px 0 #000; } \ No newline at end of file diff --git a/src/Common.js b/src/Common.js index b0498d1..54f5bff 100644 --- a/src/Common.js +++ b/src/Common.js @@ -36,7 +36,7 @@ export function Time(props) { export function TitleLine(props) { return ( <p className="centered-line title-line aux-margin"> - <span>{props.text}</span> + <span className="black-outline">{props.text}</span> </p> ) } diff --git a/src/Title.js b/src/Title.js index 78be9ca..a5608bc 100644 --- a/src/Title.js +++ b/src/Title.js @@ -7,7 +7,8 @@ const HELP_TEXT=( <ul> <li>为保证使用体验,请使用 Chrome 浏览器 stable 分支最新版</li> <li>在列表中点击帖子可以显示全部回复</li> - <li>搜索框输入 #472865 等可以查看指定 ID 的树洞</li> + <li>在搜索框输入 #472865 等可以查看指定 ID 的树洞</li> + <li>自定义背景图片请修改 localStorage['REPLACE_ERIRI_WITH_URL']</li> </ul> <p>使用本网站时,您需要了解并同意:</p> <ul>