ydeng/epsilon_webui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added a button on the overview page.

Browse Source
This commit is contained in:
Harrison Deng 2022-01-22 14:49:11 -06:00
parent db87529caa
commit 815d89ceb7
3 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/OverviewInfo.vue
View File

@ -21,6 +21,12 @@
<hr>
<p> Access the RES Minecraft Server web interface for interacting with a variety of game utilities and information.</p>
</div>
<router-link
:to="{ name: 'Minecraft Server'}"
class="btn btn-outline-primary btn-lg"
>
Take a look!
</router-link>
</div>
</div>
</div>
@ -65,10 +71,9 @@
circle at center,
color.change($color: $gradient-color, $alpha: 0.2) 0%,
color.change($color: $gradient-color, $alpha: 0.1) 60%,
color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%
),
color.change($color: $gradient-color, $alpha: 0.8, $lightness: 10%) 100%),
url("@/assets/images/minecraft/landscapes/day.png");
.contained-title {
color: white;
}
@ -83,8 +88,7 @@
circle at center,
color.change($color: $gradient-color, $alpha: 0.55) 0%,
color.change($color: $gradient-color, $alpha: 0.5) 60%,
color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%
),
color.change($color: $gradient-color, $alpha: 1, $lightness: 10%) 100%),
url("@/assets/images/generic_room.png");
.contained-title {
color: white;

2
src/styles/_variables.scss
View File

@ -5,7 +5,7 @@ $themes: (
"navbar-brand": #fcfcff,
"navbar-link": #fcf0ff,
"navbar-active": #00c9a9,
"main": #501b69,
"primary": #ecc4ff,
"footer": #15061d,
"text": #dfdfff,
"special": #94e22b,

4
src/styles/global.scss
View File

@ -1,12 +1,16 @@
@use "themer";
@use "sass:color";
// Bootstrap color overrides
$primary: hotpink;
@import "/node_modules/bootstrap/scss/bootstrap-utilities.scss";
@import "/node_modules/bootstrap/scss/root";
@import "/node_modules/bootstrap/scss/helpers";
@import "/node_modules/bootstrap/scss/reboot";
@import "/node_modules/bootstrap/scss/containers";
@import "/node_modules/bootstrap/scss/type";
@import "/node_modules/bootstrap/scss/buttons";
.pages {
display: flex;