lat5211/devstar_plugin
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: tab -> 2 spaces in all html files

Browse Source
This commit is contained in:
Levi Yan
2024-11-06 00:30:48 +08:00
parent 5b886c1409
commit 270b36c464
2 changed files with 902 additions and 877 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
test/home.html
View File

@@ -6,30 +6,40 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Embedded page</title>
<link rel="stylesheet" href="web_src/css/themes/theme-gitea-auto.css">
<style>
/* 弹窗基本样式 */
.modal {
display: none; /* 默认隐藏 */
position: fixed; /* 固定定位 */
display: none;
/* 默认隐藏 */
position: fixed;
/* 固定定位 */
left: 0;
top: 0;
width: 100%; /* 全屏宽 */
height: 100%; /* 全屏高 */
background-color: rgba(0,0,0,0.5); /* 半透明黑色背景 */
z-index: 1; /* 确保在顶部 */
width: 100%;
/* 全屏宽 */
height: 100%;
/* 全屏高 */
background-color: rgba(0, 0, 0, 0.5);
/* 半透明黑色背景 */
z-index: 1;
/* 确保在顶部 */
}
/* 弹窗内容框样式 */
.modal-content {
background-color: #fefefe;
margin: 15% auto; /* 15% 从顶部开始，自动水平居中 */
margin: 15% auto;
/* 15% 从顶部开始，自动水平居中 */
padding: 20px;
border: 1px solid #888;
width: 30%; /* 弹窗宽度 */
width: 30%;
/* 弹窗宽度 */
}
/* 关闭按钮样式 */
@@ -49,9 +59,12 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
.alert {
position: fixed;
top: 20px; /* 距离顶部20px */
left: 50%; /* 水平居中 */
transform: translateX(-50%); /* 水平居中调整 */
top: 20px;
/* 距离顶部20px */
left: 50%;
/* 水平居中 */
transform: translateX(-50%);
/* 水平居中调整 */
background-color: green;
color: white;
text-align: center;
@@ -59,42 +72,54 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
border-radius: 5px;
display: none;
z-index: 2;
width: auto; /* 自动宽度 */
max-width: 60%; /* 最大宽度60% */
width: auto;
/* 自动宽度 */
max-width: 60%;
/* 最大宽度60% */
}
/* table样式 */
table {
width: 100%;
border-collapse: collapse;
}
th, td {
th,
td {
border: 1px solid black;
padding: 8px;
text-align: left;
}
.required::before {
content: "*";
color: red;
}
form {
display: flex;
flex-direction: column;
align-items: flex-start;
}
label, input, textarea {
label,
input,
textarea {
margin-bottom: 10px;
}
input, textarea {
input,
textarea {
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}
.button-container {
display: flex;
/* justify-content: space-between; */
}
ton {
width: 100px;
height: 30px;
@@ -104,6 +129,7 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
@@ -116,6 +142,7 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
<div id="loginModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeLoginModal()">&times;</span>
<div>
<h2>Login</h2>
<form id="loginForm">
<label for="username">Username:</label>
@@ -126,6 +153,7 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
</form>
</div>
</div>
</div>
<button onclick="openLoginModal()">Login</button>
<button onclick="logout()">Logout</button>
@@ -144,7 +172,8 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
<label for="projectDesc">Description</label>
<textarea id="projectDesc" name="projectDesc" placeholder="(Optional)"></textarea><br><br>
<label for="repoURL">Repo URL</label>
<input type="text" id="repoURL" name="repoURL" placeholder="(Optional) Project repository you want to clone"><br><br>
<input type="text" id="repoURL" name="repoURL"
placeholder="(Optional) Project repository you want to clone"><br><br>
<hr>
<!-- repo settings-->
<label for="template">

8
test/index.html
View File

@@ -14,12 +14,7 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
</head>
<body>
<iframe
id="embedded-devstar"
src="http://localhost:8080/test/home.html"
width="100%"
height="100%"
frameborder="0"
<iframe id="embedded-devstar" src="http://localhost:8080/test/home.html" width="100%" height="100%" frameborder="0"
style="border: 0; left: 0; right: 0; bottom: 0; top: 0; position:absolute;">
</iframe>
@@ -102,4 +97,5 @@ header("Allow: GET, POST, OPTIONS, PUT, DELETE");
});
</script>
</body>
</html>