Remove old styles

author: Johannes Zellner <johannes@cloudron.io> 2019-02-24 20:34:43 +0100
committer: Johannes Zellner <johannes@cloudron.io> 2019-02-24 20:34:43 +0100
commit: 7c15fe4c937c6f531f1d6e480977d36341eb1837 (patch)
tree: 17033a50eccf3b1a5180b1497f609103f845fe19 /frontend
parent: cf286c1be0b9053e1839a29a762aa5ce71bf62cd (diff)
download: Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.tar.gz
Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.tar.zst
Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.zip
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 @@
 <html>
 <head>
-  <title> Surfer - File not found</title>
+  <title> Surfer - File not found </title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
@@ -8,11 +8,8 @@
 </head>
 <body>
-<div class="wrapper">
+<div class="container-center">
-  <div class="content">
+  <p>File not found</p>
-    <h2> Surfer </h2>
-    <p>File not found</p>
-  </div>
 </div>
 </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 @@
-body {
+[v-cloak] {
+    display: none;
+}
+html, body {
    margin: 0;
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    font-weight: 400;
    color: rgb(96, 98, 102);
+    height: 100%;
+    width: 100%;
 }
 .el-container {
@@ -72,58 +78,10 @@ a:hover, a:focus {
    padding: 7px;
 }
-/* old */
+/* welcome and 404 page */
+.container-center {
-.wrapper {
+    display: flex;
-    display: table;
-    width: 100%;
-    height: 100%;
-}
-.content {
-    display: table-cell;
-    width: 100%;
    height: 100%;
-    text-align: center;
+    align-items: center;
-    vertical-align: middle;
+    justify-content: center;
-}
-pre {
-    margin: auto;
-    text-align: left;
-    width: 400px;
-}
-[v-cloak] {
-  display: none;
-}
-.hand {
-    cursor: pointer;
-}
-.main {
-    margin-bottom: 40px;
-}
-td {
-    vertical-align: middle !important;
-    overflow: hidden;
-}
-.entry-toolbar {
-    opacity: 0;
-    transition: opacity .25s;
-}
-tr:hover .entry-toolbar {
-    opacity: 1;
-}
-table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
-    content: " \25B4\25BE"
-}
-th {
-    cursor: pointer;
 }
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 @@
 <html>
 <head>
-    <title> Surfer - Welcome</title>
+  <title> Surfer - Welcome </title>
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
-    <link rel="stylesheet" href="/_admin/css/style.css">
+  <link rel="stylesheet" href="/_admin/css/style.css">
 </head>
 <body>
-<div class="wrapper">
+<div class="container-center">
-    <div class="content">
+  <center>
-        <img src="/_admin/img/logo.png"/>
+    <img src="/_admin/img/logo.png"/>
-        <h2> Surfer </h2>
+    <h2> Surfer </h2>
-        <p>
+    <p>
-            <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>.
+      <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>.
-        </p>
+    </p>
-        <br/>
+    <br/>
-        <br/>
+    <br/>
-        <br/>
+    <br/>
-        <br/>
+    <br/>
-        <br/>
+    <br/>
-    </div>
+  </center>
 </div>
 </body>
author	Johannes Zellner <johannes@cloudron.io>	2019-02-24 20:34:43 +0100
committer	Johannes Zellner <johannes@cloudron.io>	2019-02-24 20:34:43 +0100
commit	7c15fe4c937c6f531f1d6e480977d36341eb1837 (patch)
tree	17033a50eccf3b1a5180b1497f609103f845fe19 /frontend
parent	cf286c1be0b9053e1839a29a762aa5ce71bf62cd (diff)
download	Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.tar.gz Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.tar.zst Surfer-7c15fe4c937c6f531f1d6e480977d36341eb1837.zip

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>