Gnarwhal/achievements_project
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated more UI. Enhanced login capabilities. Started work on querying data.

Browse source
This commit is contained in:
Gnarwhal 2021-02-07 22:50:48 -05:00
parent 40a0e4046a
commit 052052d76b
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
29 changed files with 706 additions and 424 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/webpage/styles/common.css
View file

@ -94,6 +94,21 @@ html, body {
background-color: var(--accent-value1);
}
.ap-button.disabled {
background-color: var(--accent-value1);
color: var(--accent-value0);
}
.ap-button.disabled:hover {
background-color: var(--accent-value1);
color: var(--accent-value0);
}
.ap-button.disabled:active {
background-color: var(--accent-value1);
color: var(--accent-value0);
}
#content-body {
position: relative;
@ -109,8 +124,6 @@ html, body {
}
.page {
z-index: 0;
box-sizing: border-box;
padding: 32px;
@ -135,9 +148,6 @@ html, body {
border-radius: 8px;
box-shadow: inset 0px 0px 8px 8px var(--shadow-color);
position: relative;
z-index: -1;
}
.page-subsection-wrapper {
@ -290,12 +300,12 @@ html, body {
}
.list-page-filter-checkbox {
width: 32px;
height: 32px;
width: 28px;
height: 28px;
background-color: var(--foreground);
border: 3px solid var(--foreground-dark);
border: 3px solid var(--foreground);
border-radius: 8px;
transition-property: background-color, border-color;

15
frontend/webpage/styles/index.css
View file

@ -86,15 +86,27 @@ html, body {
box-shadow: 0px 0px 8px 8px var(--shadow-color);
border-radius: 8px;
}
#profile-info-pfp {
width: 100%;
height: 100%;
position: relative;
z-index: -1;
}
#profile-info-pfp-vignette {
top: 0%;
left: 0%;
width: 100%;
height: 100%;
box-shadow: inset 0px 0px 50px 30px var(--shadow-color);
border-radius: 8px;
position: absolute;
z-index: 1;
}
#profile-info-pfp-img {
@ -103,7 +115,6 @@ html, body {
border-radius: 8px;
position: relative;
z-index: -1;
}
.profile-list {

35
frontend/webpage/styles/login.css
View file

@ -3,7 +3,7 @@
--element-spacing: 12px;
--error: #FA7575;
--error: #F95959;
}
#login-page {
@ -12,21 +12,35 @@
max-width: 1280px;
}
#login-flex {
display: flex;
flex-direction: row;
justify-content: center;
}
#login-subsection {
width: 100%;
}
#login-elements {
display: flex;
flex-direction: column;
align-items: center;
}
#login-header {
box-sizing: border-box;
padding: 0 calc(25% - 64px);
width: 100%;
width: 50%;
height: max-content;
}
#login-form {
box-sizing: border-box;
margin: 24px calc(25% - 64px) 0;
padding: 24px 0;
width: 50%;
height: max-content;
background-color: var(--distinction);
@ -99,6 +113,15 @@
}
#warning {
color: var(--foreground);
color: var(--error);
font-size: 24px;
text-align: center;
line-height: 40px;
}
#warning-message {
margin-top: 0;
color: var(--foreground);
font-size: 18px;
text-align: center;
}