crafter mobile sizing/scaling test
This commit is contained in:
parent
dde0ed716b
commit
cfb9884d4a
2 changed files with 6 additions and 6 deletions
|
@ -41,7 +41,7 @@
|
||||||
<div id = "recipe-img-loc" class = "col-auto px-lg-1 g-0 dark-7 rounded-end my-auto text-center scaled-item-icon">
|
<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">
|
<img id = "recipe-img" class = "img-fluid rounded Crafted-shadow" src = "../media/items/new/generic-potion.png">
|
||||||
</div>
|
</div>
|
||||||
<div class = "col-8 px-0">
|
<div class = "col px-0">
|
||||||
<div class = "row align-items-center">
|
<div class = "row align-items-center">
|
||||||
<div class = "col px-0">
|
<div class = "col px-0">
|
||||||
<p class = "text-right mb-0 scaled-font fw-bold">Type:</p>
|
<p class = "text-right mb-0 scaled-font fw-bold">Type:</p>
|
||||||
|
@ -248,17 +248,17 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col ingredients-container hide-container-grid" id = "ingreds" style = "display:none">
|
<div class="col ingredients-container hide-container-grid" id = "ingreds" style = "display:none">
|
||||||
<div class = "col-6 hide-container-grid" id = "ingreds">
|
<div class = "col-lg-6 col-sm-12 hide-container-grid" id = "ingreds">
|
||||||
<div class = "row mb-3">
|
<div class = "row mb-3">
|
||||||
<p class="box-title hide-container-block">
|
<p class="box-title hide-container-block">
|
||||||
Ingredients
|
Ingredients
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class = "row mb-3">
|
<div class = "row mb-3">
|
||||||
<div class="ing-stats col-lg-6 col-sm-12 scaled-font" id = "ing-1">
|
<div class="ing-stats col-lg-6 col-sm scaled-font" id = "ing-1">
|
||||||
<div class = "rounded col g-0 dark-6 border border-3 border-dark dark-shadow p-3" id = "ing-1-stats"></div>
|
<div class = "rounded col g-0 dark-6 border border-3 border-dark dark-shadow p-3" id = "ing-1-stats"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="ing-stats col-lg-6 col-sm-12 scaled-font" id = "ing-2">
|
<div class="ing-stats col-lg-6 col-sm scaled-font" id = "ing-2">
|
||||||
<div class = "rounded col g-0 dark-6 border border-3 border-dark dark-shadow p-3" id = "ing-2-stats"></div>
|
<div class = "rounded col g-0 dark-6 border border-3 border-dark dark-shadow p-3" id = "ing-2-stats"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -126,9 +126,9 @@ input.equipment-input {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.scaled-font {
|
/* .scaled-font {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
}
|
} */
|
||||||
|
|
||||||
.skp-tooltip {
|
.skp-tooltip {
|
||||||
font-size: 2.1875rem;
|
font-size: 2.1875rem;
|
||||||
|
|
Loading…
Reference in a new issue