Syndria98/aranroig.com
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Mobile responsive thanks ai slop
All checks were successful
Build and Deploy Nuxt / build (push) Successful in 28s
Details

Browse Source
This commit is contained in:
BinarySandia04
2026-06-10 17:47:15 +02:00
parent 3f88315fef
commit 2cdc857b9a
14 changed files with 233 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
frontend/app/components/parts/site_options/LanguageSelector.vue
View File

@@ -75,27 +75,30 @@ border: 1px solid var(--color-border-color);
}
.dropdown {
z-index: 10;
z-index: 10;
position: absolute;
top: 50px;
right: 110px;
right: 0;
margin-right: 10px;
max-width: calc(100vw - 32px);
width: auto;
min-width: 140px;
background: var(--color-background-fore);
border: 1px solid var(--color-border-color);
border-radius: 0;
padding: 8px 0;
box-shadow: 4px -4px 0px 0px rgba(0,0,0,0.3);
border-left: 2px solid var(--color-border-color);
border: 1px solid var(--color-border-color);
border-radius: 0;
padding: 8px 0;
box-shadow: 4px -4px 0px 0px rgba(0,0,0,0.3);
border-left: 2px solid var(--color-border-color);
&::before {
content: "▸";
display: block;
position: absolute;
left: -16px;
top: -2px;
font-size: 14px;
color: var(--color-border-color);
}
&::before {
content: "▸";
display: block;
position: absolute;
left: -16px;
top: -2px;
font-size: 14px;
color: var(--color-border-color);
}
}
/* Items */
@@ -106,6 +109,7 @@ border: 1px solid var(--color-border-color);
display: flex;
gap: 10px;
align-items: center;
min-height: 36px;
&.active {
background: var(--color-selected);
@@ -115,4 +119,14 @@ border: 1px solid var(--color-border-color);
.menu-item:hover {
background: var(--color-hover);
}
@media (max-width: 480px) {
.dropdown {
top: 42px;
}
.menu-item {
padding: 10px 12px;
}
}
</style>