Skip to content

Commit

Permalink
Update main.css
Browse files Browse the repository at this point in the history
  • Loading branch information
ItzMuri authored Nov 4, 2023
1 parent fdb7491 commit 84c8490
Showing 1 changed file with 15 additions and 8 deletions.
23 changes: 15 additions & 8 deletions html/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -154,10 +154,11 @@ input[type="number"]::-webkit-outer-spin-button {
display: flex;
align-items: center;
justify-content: center;
width: calc(20% - 1.5px);
width: calc(20% - 5.5px);
margin: 0.5px;
height: 10vh;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 9px;
}

.item-slot-img {
Expand All @@ -177,19 +178,19 @@ input[type="number"]::-webkit-outer-spin-button {

.item-slot-key {
font-weight: bolder;
color: var(--text-color);
color: white;
position: absolute;
top: 5px;
left: 5px;
width: 20px;
height: 20px;
background-color: var(--background-color);
background-color: rgb(58, 58, 58);
display: flex;
align-items: center;
justify-content: center;
border-radius: 3px;
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.2);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
background-image: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0.1));
}

.item-slot-key p {
Expand All @@ -211,13 +212,16 @@ input[type="number"]::-webkit-outer-spin-button {
.item-slot-label {
position: absolute;
white-space: nowrap;
bottom: 0;
bottom: -5px;
height: 1.5vh;
gap: 20px;
width: 100%;
background-color: rgb(61, 61, 61);
background-color: rgb(58, 58, 58);
display: flex;
justify-content: center;
align-items: center;

border: 1px solid rgb(124, 124, 124);
}

.item-slot-label p {
Expand Down Expand Up @@ -266,6 +270,8 @@ input[type="number"]::-webkit-outer-spin-button {
font-weight: bolder;
color: white;
background-color: var(--background-color);
border-radius: 8px;
border: 2px solid rgb(124, 124, 124);
}

#item-use p,
Expand All @@ -287,7 +293,8 @@ input[type="number"]::-webkit-outer-spin-button {
align-items: center;
text-align: center;
background-color: rgb(61, 61, 61);
border-radius: 5px;
border-radius: 8px;
border: 2px solid rgb(124, 124, 124);
}

.weapon-attachments-container {
Expand Down Expand Up @@ -321,7 +328,7 @@ input[type="number"]::-webkit-outer-spin-button {

.weapon-attachments-container-detail-durability {
height: 1.5vh;
width: 10vh;
width: 10vh;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 1px;
}
Expand Down

0 comments on commit 84c8490

Please sign in to comment.