logo and title/version same line

This commit is contained in:
yoannchb-pro
2023-06-20 12:40:43 -04:00
parent 8574b73001
commit 5c4581bf2d
2 changed files with 26 additions and 31 deletions
+26 -24
View File
@@ -19,16 +19,18 @@
</head>
<body>
<main>
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.flaticon.com/free-icons/mortarboard"
title="Mortarboard icons created by itim2101 - Flaticon"
><img src="../icon.png" alt="icon"
/></a>
<div class="col center title">
<h1>MoodleGPT</h1>
<p id="version"></p>
<div class="line center" style="margin-top: 1rem; margin-bottom: 1rem">
<a
target="_blank"
rel="noopener noreferrer"
href="https://www.flaticon.com/free-icons/mortarboard"
title="Mortarboard icons created by itim2101 - Flaticon"
><img src="../icon.png" alt="icon"
/></a>
<div class="col center title">
<h1>MoodleGPT</h1>
<p id="version"></p>
</div>
</div>
<div class="line center">
<label for="apiKey" class="textLabel">Api Key</label>
@@ -70,20 +72,6 @@
<p>Settings:</p>
</div>
<div class="line center">
<div class="col">
<div class="line">
<input id="typing" type="checkbox" />
<label for="typing">Typing effect</label>
</div>
<div class="line">
<input id="mouseover" type="checkbox" />
<label for="mouseover">Mouseover effect</label>
</div>
<div class="line">
<input id="infinite" type="checkbox" />
<label for="infinite">Infinite try</label>
</div>
</div>
<div class="col">
<div class="line">
<input id="logs" type="checkbox" />
@@ -102,6 +90,20 @@
<label for="timeout">Request timeout</label>
</div>
</div>
<div class="col">
<div class="line">
<input id="typing" type="checkbox" />
<label for="typing">Typing effect</label>
</div>
<div class="line">
<input id="mouseover" type="checkbox" />
<label for="mouseover">Mouseover effect</label>
</div>
<div class="line">
<input id="infinite" type="checkbox" />
<label for="infinite">Infinite try</label>
</div>
</div>
</div>
<p id="message">Message</p>
<div class="line center">
-7
View File
@@ -37,12 +37,6 @@ main {
img {
width: 5rem;
margin-top: 0.75rem;
}
.title {
margin-top: 0.75rem;
margin-bottom: 0.75rem;
}
a {
@@ -79,7 +73,6 @@ a {
.line input[type="checkbox"] {
accent-color: var(--btn-color);
margin-right: 0.3rem;
}
.col {