crafter mobile sizing/scaling test

This commit is contained in:
ferricles 2022-05-12 12:44:28 -07:00
parent dde0ed716b
commit cfb9884d4a
2 changed files with 6 additions and 6 deletions

View file

@ -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>

View file

@ -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;