60 lines
1.7 KiB
HTML
60 lines
1.7 KiB
HTML
|
{% extends 'settings/index.html' %}
|
||
|
|
|
||
|
|
{% block header_text %}<h1><i class="fa-solid fa-plus"></i> Create Repository</h1>{% endblock %}
|
||
|
|
|
||
|
|
{% block main %}
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
|
||
|
|
<style>
|
||
|
|
.container {
|
||
|
|
div,input,label,button{
|
||
|
|
padding-bottom: 15px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
form {
|
||
|
|
padding: 2rem;
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
label { font-weight: bold; display: flex; align-items: center; gap: 0.5rem;}
|
||
|
|
input[type="text"] {
|
||
|
|
padding: 0.5rem;
|
||
|
|
border: 1px solid #ccc; border-radius: 5px;
|
||
|
|
font-size: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
button, a.button {
|
||
|
|
background: #198754; color: #fff; border: none; border-radius: 5px;
|
||
|
|
padding: 0.1rem 0.8rem; text-decoration: none; cursor: pointer;
|
||
|
|
transition: background 0.2s;
|
||
|
|
font-size: 1rem; display: inline-flex; align-items: center; gap: 0.4rem;
|
||
|
|
}
|
||
|
|
.
|
||
|
|
.cancel {
|
||
|
|
background: #6c757d;
|
||
|
|
}
|
||
|
|
@media (max-width: 600px) {
|
||
|
|
.container { max-width: 98vw; }
|
||
|
|
form { padding: 1rem; }
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="container">
|
||
|
|
<form action="/settings/repositories/create.html" method="post">
|
||
|
|
<div>
|
||
|
|
<label for="name"><i class="fa-solid fa-book"></i> Name</label>
|
||
|
|
<input type="text" id="name" name="name" required placeholder="Repository name">
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label>
|
||
|
|
<input type="checkbox" name="is_private" value="1">
|
||
|
|
<i class="fa-solid fa-lock"></i> Private
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
<button type="submit"><i class="fa-solid fa-plus"></i> Create</button>
|
||
|
|
<button onclick="history.back()" class="cancel"><i class="fa-solid fa-arrow-left"></i> Back</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
{% endblock %}
|