elysium/minecluster
elysium/minecluster
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[FEATURE] Basic System with file manager (#4)

Browse source 
Co-authored-by: dunemask <dunemask@gmail.com>
Co-authored-by: Dunemask <dunemask@gmail.com>
Reviewed-on: https://gitea.dunemask.dev/elysium/minecluster/pulls/4
This commit is contained in:
dunemask 2023-12-20 03:20:04 +00:00
parent 8fb5b34c77
commit 4f19cf19d9
62 changed files with 5910 additions and 1190 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/css/header.css Normal file
View file

@ -0,0 +1,31 @@
.appbar-items {
font-size: 1.25rem;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-weight: 500;
line-height: 1.6;
letter-spacing: 0.0075em;
}
.view > header {
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
box-shadow:
0px 2px 4px -1px rgba(0, 0, 0, 0.2),
0px 4px 5px 0px rgba(0, 0, 0, 0.14),
0px 1px 10px 0px rgba(0, 0, 0, 0.12);
display: flex;
flex-direction: column;
width: 100%;
box-sizing: border-box;
flex-shrink: 0;
position: fixed;
top: 0;
left: auto;
right: 0;
color: rgba(0, 0, 0, 0.87);
z-index: 1302;
background-color: black;
}
.view > header > div > div > a {
height: 40px;
width: 40px;
}

20
src/css/overview.css Normal file
View file

@ -0,0 +1,20 @@
.overview-toolbar {
background-color: rgba(255, 255, 255, 0.5);
height: 230px;
display: flex;
justify-content: center;
}
.overview-visual-display {
display: flex;
background-color: rgba(223, 223, 223, 0.5);
border-radius: 50%;
}
.overview-visual-label {
text-align: center;
}
.overview-visual-wrapper {
margin: 1rem;
}

9
src/css/rcon.css Normal file
View file

@ -0,0 +1,9 @@
.rconLogsWrapper {
overflow-y: scroll;
max-height: 20rem;
word-wrap: break-word;
margin-bottom: 10px;
}
.rconActions {
display: inline-flex;
}

82
src/css/server-card.css Normal file
View file

@ -0,0 +1,82 @@
.servers {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.server-card {
width: 400px;
min-height: 228px;
min-width: 250px;
max-width: 400px;
margin: 15px;
background-image: url("/images/server-backdrop.png");
background-size: cover;
display: flex;
flex-wrap: wrap;
}
.server-card-header {
padding: 0px;
display: inline-flex;
max-height: 32px;
height: 100%;
font-weight: bold;
text-transform: capitalize;
background-image: linear-gradient(
to right,
rgba(255, 255, 255, 1),
rgba(255, 255, 255, 0.1)
);
width: 100%;
}
.server-card-title {
width: 100%;
height: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.server-card-status-indicator {
margin-left: auto;
margin-right: auto;
}
.server-card-actions-wrapper {
margin-top: auto;
justify-content: end;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
.server-card-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0px;
}
.server-card-action {
position: relative;
height: 20%;
}
.server-card-element {
background-color: rgba(255, 255, 255, 0.5);
}
.server-card-metrics {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.server-card-metrics-info {
display: inline-flex;
width: 100%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}