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

Mobile layout (fix #2)
All checks were successful
pipeline / build-and-push-images (push) Successful in 23s
Details
pipeline / deploy (push) Successful in 6s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2024-12-01 15:10:34 +01:00
parent 3cc3b3ce1c
commit e5050d65de
8 changed files with 293 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/components/SideBar.vue
View File

@@ -32,9 +32,11 @@ function handleStateChange(newState : string, newLane: number) {
</div>
<h2 :class="'sidebar-link ' + (state == 'runes' && laneState == i ? 'sidebar-link-selected' : '')"
@click="handleStateChange('runes', i)" style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Runes</h2>
@click="handleStateChange('runes', i)"
style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Runes</h2>
<h2 :class="'sidebar-link ' + (state == 'items' && laneState == i ? 'sidebar-link-selected' : '')"
@click="handleStateChange('items', i)" style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Items</h2>
@click="handleStateChange('items', i)"
style="margin-top: 10px; font-size: 1.9rem; padding-left: 35px;">Items</h2>
</div>
</div>
@@ -67,4 +69,10 @@ function handleStateChange(newState : string, newLane: number) {
.sidebar-link-selected {
background-color: var(--color-surface);
}
@media only screen and (max-width: 1200px) {
.sidebar-container {
display: none;
}
}
</style>