magnus/Notes2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use pure CSS

Browse source
This commit is contained in:
Magnus Åhall 2025-11-29 09:33:42 +01:00
parent 989542be91
commit 40a68d6ad0
6 changed files with 402 additions and 304 deletions
Download patch file Download diff file Expand all files Collapse all files

69
static/css/login.css
View file

@ -1,37 +1,44 @@
@import "theme.css";
#app {
display: grid;
justify-items: center;
margin-top: 128px;
display: grid;
justify-items: center;
margin-top: 128px;
}
#logo {
margin-bottom: 48px;
margin-bottom: 48px;
}
#box {
display: grid;
grid-gap: 16px 0;
justify-items: center;
width: 300px;
padding: 48px 0px;
background-color: #fff;
box-shadow: 0px 20px 52px -33px rgba(0, 0, 0, 0.75);
border-left: 8px solid #666;
}
#box input {
padding: 4px 8px;
font-size: 1em;
width: calc(100% - 64px);
border: 1px solid #aaa;
border-radius: 4px;
}
#box button {
padding: 6px 16px;
font-size: 1em;
border-radius: 4px;
border: none;
background-color: #fe5f55;
color: #fff;
}
#box #error {
color: #c33;
margin-top: 16px;
display: grid;
grid-gap: 16px 0;
justify-items: center;
width: 300px;
padding: 48px 0px;
background-color: #fff;
box-shadow: 0px 20px 52px -33px rgba(0,0,0,0.75);
border-left: 8px solid var(--color3);
input {
padding: 4px 8px;
font-size: 1em;
width: calc(100% - 64px);
border: 1px solid #aaa;
border-radius: 4px;
}
button {
padding: 6px 16px;
font-size: 1em;
border-radius: 4px;
border: none;
background-color: var(--color1);
color: #fff;
}
#error {
color: #c33;
margin-top: 16px;
}
}