endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

scaled font fix, minor UI changes in crafter

Browse source
This commit is contained in:
ferricles 2022-05-12 17:35:26 -07:00
parent 3f1ed1b8d9
commit fbbc2ba250
3 changed files with 41 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
builder/index.html
View file

@ -56,7 +56,7 @@
<div class="row row-cols-1 gy-5">
<div class="col">
<div class="row row-cols-1 row-cols-xl-2 rounded gy-4 gx-5 justify-content-center">
<div class="col rounded order-xl-0 order-0">
<div class="col-auto rounded order-xl-0 order-0">
<div class="row h-100 dark-shadow dark-6 rounded" id="helmet-dropdown">
<div class="col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon" id="helmet-img-loc">
<img id="helmet-img" class="img-fluid rounded" src="../media/items/new/generic-helmet.png">

22
crafter/index.html
View file

@ -35,28 +35,28 @@
<div class = "col">
<div class = "row g-3">
<div class = "col-lg-5 col-sm-12 text-center">
<div class = "row gx-5 mb-1">
<div class = "col-6">
<div class = "row gx-5 mb-2">
<div class = "col-lg-6 col-sm-12">
<div id = "recipe-dropdown" class = "row h-100 dark-shadow dark-6 rounded">
<div id = "recipe-img-loc" class = "col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon">
<img id = "recipe-img" class = "img-fluid rounded Crafted-shadow" src = "../media/items/new/generic-potion.png">
</div>
<div class = "col px-0">
<div class = "row align-items-center">
<div class = "col px-0">
<div class = "col-4 px-0">
<p class = "text-right mb-0 scaled-font fw-bold">Type:</p>
</div>
<div class = "col px-0">
<div class = "col-7 px-0">
<input class="recipeinput border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" list="recipe-choices" id="recipe-choice" name="recipe-choice" placeholder="Potion"/>
<datalist id="recipe-choices">
</datalist>
</div>
</div>
<div class = "row align-items-center">
<div class = "col px-0">
<div class = "col-4 px-0">
<p class = "text-right mb-0 scaled-font fw-bold">Lv:</p>
</div>
<div class = "col px-0">
<div class = "col-7 px-0">
<input class="levelinput border-dark text-light dark-5 rounded scaled-font form-control form-control-sm" list="level-choices" id="level-choice" name="level-choice" placeholder="103-105" />
<datalist id="level-choices">
</datalist>
@ -65,9 +65,9 @@
</div>
</div>
</div>
<div class = "col-6">
<div class = "col-lg-6 col-sm-12">
<div id = "atkSpdChoices" class = "row h-100 dark-shadow dark-6 rounded">
<div class = "col">
<div class = "col py-2">
<div class = "row h-50 align-items-center">
<p class = "text-right mb-0 scaled-font fw-bold">Attack Speed</p>
</div>
@ -92,8 +92,8 @@
</div>
</div>
</div>
<div class = "row gx-5 mb-1">
<div class = "col justify-content-center">
<div class = "row gx-5 mb-2">
<div class = "col-lg-6 col-sm-12 justify-content-center">
<div class = "row dark-shadow dark-6 rounded py-1 align-items-center">
<div class = "col-6 px-0">
<p class = "mb-0 scaled-font fw-bold" id = "mat-1">Mat 1 Tier:</p>
@ -109,7 +109,7 @@
</div>
</div>
</div>
<div class = "col justify-content-center">
<div class = "col-lg-6 col-sm-12 justify-content-center">
<div class = "row dark-shadow dark-6 rounded py-1 align-items-center">
<div class = "col-6 px-0">
<p class = "mb-0 scaled-font fw-bold" id = "mat-2">Mat 2 Tier:</p>

42
css/sq2bs.css
View file

@ -126,9 +126,20 @@ input.equipment-input {
cursor: pointer;
}
/* .scaled-font {
.scaled-font {
font-size: 2.5rem;
} */
}
.box-title {
text-align: center;
font-size: 3rem;
}
.item-title {
text-align: center;
overflow-wrap: break-word;
font-size: 3.5rem;
}
.skp-tooltip {
font-size: 2.1875rem;
@ -169,6 +180,14 @@ input.equipment-input {
font-size: .8rem;
}
.box-title {
font-size: 1rem;
}
.item-title {
font-size: 1rem;
}
.skp-tooltip {
font-size: .625rem;
}
@ -208,6 +227,14 @@ input.equipment-input {
font-size: 1rem;
}
.box-title {
font-size: 1.25rem;
}
.item-title {
font-size: 1.5rem;
}
.skp-tooltip {
font-size: .78rem;
}
@ -345,14 +372,3 @@ input.equipment-input {
.dark-shadow-sm {
box-shadow: 0rem 0rem 0.25rem 0.05rem black;
}
.box-title {
text-align: center;
font-size: 1.25rem;
}
.item-title {
text-align: center;
overflow-wrap: break-word;
font-size: 1rem;
}