qbcore-framework / qb-inventory

Slot Based Inventory System Used With QB-Core :school_satchel:
GNU General Public License v3.0
50 stars 377 forks source link

[BUG]Almost unreadable on different resolutions #382

Closed VNGEFull closed 10 months ago

VNGEFull commented 1 year ago

Summary

When you open your inventory on a resolution that is not 16:9, it makes the text under each item very hard to read.

Reproduction

  1. Change your resolution to a stretched view
  2. Make sure you have an item
  3. Open your inventory

Expected behavior

To be able to read the item name without hovering over it

Actual behavior

image

Additional context

No response

Last Updated

less than a month ago

VNGEFull commented 1 year ago

temporary fix for anyone having the same problem :

go to @qb-inventory/html/css/main.css and find :

.item-slot-label>p {
    text-transform: uppercase;
    font-weight: 900;
    color: white;
    font-size: 0.8vh;
    padding: 3px;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}

and change font-size to 1vh; or replace it with this :

.item-slot-label>p {
    text-transform: uppercase;
    font-weight: 900;
    color: white;
    font-size: 1vh;
    padding: 3px;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
}

image

github-actions[bot] commented 11 months ago

This issue has had 60 days of inactivity & will close within 7 days