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

12
src/pages/OverviewInfo.vue
View File

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

2
src/styles/_variables.scss
View File

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

4
src/styles/global.scss
View File

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