azalea/ChannelTree
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Layout and style of webpage

Browse Source
This commit is contained in:
Azalea Gui
2025-03-13 22:03:28 -04:00
parent c1e87c119d
commit 5c8106fdc9
2 changed files with 47 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/layout.html
+12
View File
@@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TGCN 频道树</title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
{{CONTENT}}
</body>
</html>
public/style.css
+35
View File
@@ -0,0 +1,35 @@
html {
margin: 0;
font-family: Quicksand,Inter,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;
background: #242424;
width: 100%;
height: 100%;
line-height: 1.8;
}
* {
box-sizing: border-box;
}
body {
margin: 50px auto;
padding: 0.5rem 2rem 0;
border-radius: 1rem 1rem 0 0;
box-sizing: border-box !important;
background-color: rgba(0 0 0 / 30%);
color: white;
min-height: 100%;
max-width: 600px;
}
a {
color: pink;
text-decoration: none;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', Quicksand,Inter,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;
background-color: rgba(255 255 255 / 10%);
padding: 3px 6px;
border-radius: 5px;
}