yuan/jgb-partice-messageboard
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

初步套上CSS

Browse Source
This commit is contained in:
Yuan Chiu 2020-04-09 22:55:02 +08:00
parent 11b00e484b
commit 0ed02cf2c5
4 changed files with 164 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
htdocs/css/general.css Normal file
View File

@ -0,0 +1,67 @@
.btn {
display: inline-block;
padding: 0.3em;
text-decoration: none;
font-size: 0.95em;
font-family: none;
border: 1px black solid;
background: blue;
color: white;
cursor: pointer;
}
ul.func-btn li {
display: inline-block;
}
.table-func ul li{
display: inline-block;
padding: 0.5em;
}
.table-func ul li a{
text-decoration: none;
}
.table-row-func li{
display: inline-block;
}
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
body {
background: red;
}
div#container {
margin: 0 auto;
padding: 1rem;
width: 960px;
height: 100%;
display: block;
background: white;
}
header h1{
text-align: center;
}
div#main {
margin-top: 2rem;
}
.func-btn {
text-align: right;
}
.func-btn>ul li{
display: inline;
}

0
htdocs/css/here
View File

5
htdocs/edit.php
View File

@ -25,9 +25,11 @@ else {
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/general.css">
<title>Document</title>
</head>
<body>
<div id="container">
<header>
<h1>留言板 編輯</h1>
</header>
@ -54,12 +56,13 @@ else {
</label>
</li>
</ul>
<ul>
<ul class="func-btn">
<li><input type="submit" class="btn" value="儲存"></li>
<li><input type="reset" class="btn" value="回復"></li>
</ul>
</form>
</section>
</div>
</div>
</body>
</html>

5
htdocs/index.php
View File

@ -17,9 +17,11 @@ $list = $db->getList($page, $list_max_count);
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/general.css">
<title>Document</title>
</head>
<body>
<div id="container">
<header>
<h1>留言板</h1>
</header>
@ -57,7 +59,7 @@ $list = $db->getList($page, $list_max_count);
<th>'.$item['id'].'</th>
<td>'.$item['title'].'</td>
<td>'.$item['updated_at'].'</td>
<td>
<td class="table-row-func">
<ul>
<li><a href="edit.php?id='.$item['id'].'" class="btn">Edit</a></li>
<li><form action="save.php" method="post"><input type="hidden" name="id" value="'.$item['id'].'"><input type="hidden" name="delete" value="true"><input type="submit" class="btn" value="Delete"></form></li>
@ -86,5 +88,6 @@ $list = $db->getList($page, $list_max_count);
</div>
</section>
</div>
</div>
</body>
</html>