Added Inter font for the UI, replaced some icons with Material Design Icons, minor css improvements

This commit is contained in:
Julian Müller (ChaoticByte) 2023-04-15 12:58:33 +02:00
parent 3a0f1bf340
commit e1555375cc
8 changed files with 350 additions and 35 deletions

View file

@ -1,7 +1,22 @@
/* Font */
@font-face {
font-family: "Inter";
src: url('/static/fonts/Inter-Regular.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Inter";
src: url('/static/fonts/Inter-Bold.ttf');
font-weight: bold;
font-style: normal;
}
/* Variables */
:root {
--font-family: 'Liberation Sans', sans-serif;
--font-family: "Inter";
--color: #fafafa;
--color-error: #ff682c;
--bg-page-color: #222222;
@ -60,6 +75,11 @@ input[type="text"], input[type="password"], input[type="number"], select {
border-bottom: 1px solid var(--border-color);
border-radius: var(--border-radius);
background: var(--bg-color);
font-family: "Inter";
}
select {
height: 2.5rem;
}
table {
@ -139,6 +159,10 @@ th {
gap: 1rem;
}
.userinfo {
font-size: 1.05rem;
}
.userinfo > span {
vertical-align: middle;
}
@ -154,6 +178,10 @@ th {
gap: .5rem;
}
.userpanel-buttons > .button, .userpanel-buttons button {
height: 1.2rem;
}
.userbalancewarn {
color: var(--color-error);
font-weight: bold;
@ -323,6 +351,11 @@ main {
z-index: 190;
}
.dropdownbutton > img {
width: auto;
height: 100%;
}
.dropdownlist {
position: absolute;
display: flex;
@ -366,7 +399,7 @@ main {
}
.customnumberinput {
height: 2.2rem;
height: 2.5rem;
}
.customnumberinput button {

View file

@ -5,6 +5,7 @@
width: 50rem;
max-width: 100%;
background: transparent;
font-family: "Inter";
}
.simple-keyboard.darkTheme .hg-button {
height: 50px;

Binary file not shown.

Binary file not shown.

1
app/static/menu-icon.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" height="48" viewBox="0 96 960 960" width="48"><path d="M115.935 822.696v-68.131h728.13v68.131h-728.13Zm0-212.631v-68.13h728.13v68.13h-728.13Zm0-212.63v-68.37h728.13v68.37h-728.13Z"/></svg>

After

Width:  |  Height:  |  Size: 240 B