nextcloud/all-in-one
1
1
Fork 0
mirror of https://github.com/nextcloud/all-in-one.git synced 2025-11-10 14:10:35 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #5007 from nextcloud/enn/4955/adjust-design

Browse source 
aio-interface: adjust design for nc30
This commit is contained in:
Simon L. 2024-08-16 14:07:37 +02:00 • committed by GitHub
commit 5318d66d6d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 45 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
php/public/img/Background_Light.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 661 KiB

BIN
php/public/img/background.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 9.4 KiB

72
php/public/style.css
View file

@ -11,24 +11,23 @@ a {
a.button, a.button,
input[type="submit"] { input[type="submit"] {
padding: 6px 16px; padding: 8px 16px;
width: auto; width: auto;
min-height: 34px; height: 34px;
cursor: pointer; cursor: pointer;
background-color: #0082c9; background-color: #0082c9;
font-weight: bold; font-weight: bold;
border-radius: 100px; border-radius: 8px;
margin: 3px 3px 3px 0; margin: 3px 3px 3px 0;
font-size: 13px; font-size: 14px;
color: white; color: white;
border: 1px solid black; border: .5px solid black;
outline: none; outline: none;
} }
a.button:focus, a.button:focus,
input[type="submit"]:focus { input[type="submit"]:focus {
color: black; border: 1px solid black;
border: 2px solid black;
} }
summary { summary {
@ -97,7 +96,7 @@ div.toast {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
border-radius: 16px; border-radius: 12px;
} }
.login > .monospace { .login > .monospace {
@ -109,14 +108,32 @@ form {
margin: 0; margin: 0;
} }
input { input[type="text"],
padding: 10px; input[type="password"],
margin-top: 15px; select {
padding-left: 8px;
padding-right: 8px;
height: 34px;
margin-bottom: 15px; margin-bottom: 15px;
border-radius: 8px;
border: .5px solid black;
}
textarea {
border-radius: 8px;
border: .5px solid black;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
border: 1px solid black;
} }
.login > form > input[type="password"], .login > form > input[type="password"],
.login > form > input[type="text"] { .login > form > input[type="text"],
.login > form > input[type="submit"] {
width: 100%; width: 100%;
} }
@ -126,28 +143,25 @@ input {
display: block; display: block;
} }
.login > a.button , .login a.button,
.login > input[type="submit"] { .login input[type="submit"] {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
text-align: center; text-align: center;
line-height: 33px;
margin-top: 20px;
} }
.login-wrapper { .login-wrapper {
height: 100%; min-height: 100dvh;
width: 100%; min-width: 100vw;
background-color: #0082c9; position: fixed;
background-image: linear-gradient( width: 100vw;
40deg height: auto;
, #0082c9 0%, #30b6ff 100%); background-image: url("img/Background_Light.jpg");
background-size: contain;
background-image: url('/img/background.png'), linear-gradient( background-position: center;
40deg background-repeat: no-repeat;
, #0082c9 0%, #30b6ff 100%); background-size: cover;
position: relative;
} }
main { main {
@ -181,6 +195,10 @@ header {
display: flex; display: flex;
} }
header > form {
margin: 0 8px;
}
.loading { .loading {
color: grey; color: grey;
} }