aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--frontend/404.html9
-rw-r--r--frontend/css/style.css66
-rw-r--r--frontend/welcome.html32
3 files changed, 31 insertions, 76 deletions
diff --git a/frontend/404.html b/frontend/404.html
index 21fd6b4..c660424 100644
--- a/frontend/404.html
+++ b/frontend/404.html
@@ -1,6 +1,6 @@
1<html> 1<html>
2<head> 2<head>
3 <title> Surfer - File not found</title> 3 <title> Surfer - File not found </title>
4 4
5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6 6
@@ -8,11 +8,8 @@
8</head> 8</head>
9<body> 9<body>
10 10
11<div class="wrapper"> 11<div class="container-center">
12 <div class="content"> 12 <p>File not found</p>
13 <h2> Surfer </h2>
14 <p>File not found</p>
15 </div>
16</div> 13</div>
17 14
18</body> 15</body>
diff --git a/frontend/css/style.css b/frontend/css/style.css
index b868258..3233715 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -1,9 +1,15 @@
1 1
2body { 2[v-cloak] {
3 display: none;
4}
5
6html, body {
3 margin: 0; 7 margin: 0;
4 font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; 8 font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
5 font-weight: 400; 9 font-weight: 400;
6 color: rgb(96, 98, 102); 10 color: rgb(96, 98, 102);
11 height: 100%;
12 width: 100%;
7} 13}
8 14
9.el-container { 15.el-container {
@@ -72,58 +78,10 @@ a:hover, a:focus {
72 padding: 7px; 78 padding: 7px;
73} 79}
74 80
75/* old */ 81/* welcome and 404 page */
76 82.container-center {
77.wrapper { 83 display: flex;
78 display: table;
79 width: 100%;
80 height: 100%;
81}
82
83.content {
84 display: table-cell;
85 width: 100%;
86 height: 100%; 84 height: 100%;
87 text-align: center; 85 align-items: center;
88 vertical-align: middle; 86 justify-content: center;
89}
90
91pre {
92 margin: auto;
93 text-align: left;
94 width: 400px;
95}
96
97[v-cloak] {
98 display: none;
99}
100
101.hand {
102 cursor: pointer;
103}
104
105.main {
106 margin-bottom: 40px;
107}
108
109td {
110 vertical-align: middle !important;
111 overflow: hidden;
112}
113
114.entry-toolbar {
115 opacity: 0;
116 transition: opacity .25s;
117}
118
119tr:hover .entry-toolbar {
120 opacity: 1;
121}
122
123table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
124 content: " \25B4\25BE"
125}
126
127th {
128 cursor: pointer;
129} 87}
diff --git a/frontend/welcome.html b/frontend/welcome.html
index ddc9c36..f125c1b 100644
--- a/frontend/welcome.html
+++ b/frontend/welcome.html
@@ -1,26 +1,26 @@
1<html> 1<html>
2<head> 2<head>
3 <title> Surfer - Welcome</title> 3 <title> Surfer - Welcome </title>
4 4
5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6 6
7 <link rel="stylesheet" href="/_admin/css/style.css"> 7 <link rel="stylesheet" href="/_admin/css/style.css">
8</head> 8</head>
9<body> 9<body>
10 10
11<div class="wrapper"> 11<div class="container-center">
12 <div class="content"> 12 <center>
13 <img src="/_admin/img/logo.png"/> 13 <img src="/_admin/img/logo.png"/>
14 <h2> Surfer </h2> 14 <h2> Surfer </h2>
15 <p> 15 <p>
16 <a href="/_admin">Manage your files in your browser</a> or use the <a href="https://www.npmjs.com/package/cloudron-surfer">commandline tool</a>. 16 <a href="/_admin">Manage your files in your browser</a> or use the <a href="https://www.npmjs.com/package/cloudron-surfer">commandline tool</a>.
17 </p> 17 </p>
18 <br/> 18 <br/>
19 <br/> 19 <br/>
20 <br/> 20 <br/>
21 <br/> 21 <br/>
22 <br/> 22 <br/>
23 </div> 23 </center>
24</div> 24</div>
25 25
26</body> 26</body>