eightball/all-in-one
1
0
Fork 0
mirror of https://github.com/nextcloud/all-in-one.git synced 2025-12-19 22:16:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

Proposal

Browse source 
Signed-off-by: Jean-Yves <7360784+docjyJ@users.noreply.github.com>
This commit is contained in:
Jean-Yves 2024-08-08 19:27:14 +02:00 • committed by Simon L.
parent 8e8f5f1a04
commit ef66df0f08
2 changed files with 52 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

81
php/public/style.css
View file

@ -1,9 +1,22 @@
html, body { html, body {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 100%;
width: 100%;
overflow: clip;
background-color: #0082c9;
background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Cantarell, Ubuntu, Helvetica Neue, Arial, Noto Color Emoji, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;;
} }
h1, h2, p {
margin: 8px 0 0;
text-align: justify;
}
h1, h2 {
margin-top: 16px;
}
a { a {
text-decoration: none; text-decoration: none;
color: #0082c9; color: #0082c9;
@ -18,7 +31,7 @@ input[type="submit"] {
background-color: #0082c9; background-color: #0082c9;
font-weight: bold; font-weight: bold;
border-radius: 8px; border-radius: 8px;
margin: 3px 3px 3px 0; margin: 0;
font-size: 14px; font-size: 14px;
color: white; color: white;
border: .5px solid black; border: .5px solid black;
@ -108,36 +121,20 @@ form {
margin: 0; margin: 0;
} }
input { input[type="text"],
padding-left: 8px; input[type="password"],
padding-right: 8px; textarea,
height: 34px;
margin-bottom: 15px;
border-radius: 8px;
border: .5px solid black;
}
input:focus {
border: 1px solid black;
}
textarea {
border-radius: 8px;
border: .5px solid black;
}
textarea:focus {
border: 1px solid black;
}
select { select {
padding-left: 8px; padding: 10px 8px;
padding-right: 8px; margin: 0;
height: 34px; height: 34px;
border-radius: 8px; border-radius: 8px;
border: .5px solid black; border: .5px solid black;
} }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus { select:focus {
border: 1px solid black; border: 1px solid black;
} }
@ -177,11 +174,28 @@ select:focus {
} }
main { main {
padding: 20px; padding: 0;
max-width: 100%; margin: 50px 8px 8px;
word-break: break-word; border-radius: 16px;
background-color: white;
position: static;
overflow: scroll;
height: calc(100% - 58px);
width: calc(100% - 16px);
display: flex;
flex-direction: column;
align-items: center;
justify-content: start;
}
section {
max-width: 500px; max-width: 500px;
margin: 0 auto; margin: 0 auto;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: start;
gap: 16px
} }
.logo { .logo {
@ -199,12 +213,17 @@ main {
} }
header { header {
background-color: #0082c9;
background-image: linear-gradient(40deg, #0082c9 0%, #30b6ff 100%);
height: 50px; height: 50px;
justify-content: space-between; justify-content: space-between;
display: inline-flex;
position: absolute;
top: 0;
width: 100%;
align-items: center; align-items: center;
display: flex; }
header > form {
margin: 0 8px;
} }
.loading { .loading {

2
php/templates/containers.twig
View file

@ -16,6 +16,7 @@
</header> </header>
<main> <main>
<section>
<h1>Nextcloud AIO v9.4.1</h1> <h1>Nextcloud AIO v9.4.1</h1>
{# Add 2nd tab warning #} {# Add 2nd tab warning #}
@ -674,6 +675,7 @@
<script type="text/javascript" src="before-unload.js"></script> <script type="text/javascript" src="before-unload.js"></script>
{% endif %} {% endif %}
</section>
</main> </main>
<div id="overlay"> <div id="overlay">
<div class="loader"></div> <div class="loader"></div>