vhaudiquet/buildpath
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix/frontend: change rune size on mobile
Some checks failed
pipeline / lint-and-format (push) Failing after 4m31s
Details
pipeline / build-and-push-images (push) Has been skipped
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2026-05-01 00:14:18 +02:00
parent c506bad739
commit 8263dc1c93
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/rune/Page.vue
View File

@@ -86,7 +86,7 @@ refreshStyles()
<div class="rune-spacer-bar" /> <div class="rune-spacer-bar" />
<div class="rune-holder" style="align-content: end"> <div class="rune-holder" style="align-content: end">
<div class="rune-slot"> <div class="rune-slot">
<img style="margin: auto" :src="CDRAGON_BASE + mapPath(secondaryStyle.iconPath)" /> <img class="rune-style-img" style="margin: auto" :src="CDRAGON_BASE + mapPath(secondaryStyle.iconPath)" />
</div> </div>
<div <div
v-for="(slot, slotIndex) in secondaryStyle.slots.slice(1, 4)" v-for="(slot, slotIndex) in secondaryStyle.slots.slice(1, 4)"
@@ -128,6 +128,10 @@ refreshStyles()
margin-right: 20px; margin-right: 20px;
border: 1px var(--color-on-surface) solid; border: 1px var(--color-on-surface) solid;
} }
.rune-style-img {
width: 48px;
height: 48px;
}
@media only screen and (max-width: 650px) { @media only screen and (max-width: 650px) {
.rune-slot { .rune-slot {
@@ -143,5 +147,9 @@ refreshStyles()
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
} }
.rune-icon {
width: 24px !important;
height: 24px !important;
}
} }
</style> </style>