diff options
Diffstat (limited to 'frontend')
-rw-r--r-- | frontend/404.html | 9 | ||||
-rw-r--r-- | frontend/css/style.css | 66 | ||||
-rw-r--r-- | frontend/welcome.html | 32 |
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 | ||
2 | body { | 2 | [v-cloak] { |
3 | display: none; | ||
4 | } | ||
5 | |||
6 | html, 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 | |||
91 | pre { | ||
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 | |||
109 | td { | ||
110 | vertical-align: middle !important; | ||
111 | overflow: hidden; | ||
112 | } | ||
113 | |||
114 | .entry-toolbar { | ||
115 | opacity: 0; | ||
116 | transition: opacity .25s; | ||
117 | } | ||
118 | |||
119 | tr:hover .entry-toolbar { | ||
120 | opacity: 1; | ||
121 | } | ||
122 | |||
123 | table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { | ||
124 | content: " \25B4\25BE" | ||
125 | } | ||
126 | |||
127 | th { | ||
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> |