bebe/bamort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

List styles changed

Browse Source
This commit is contained in:
Frank
2026-02-01 20:28:16 +01:00
parent 7f95a5ed54
commit 2195ea55c0
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/CharacterList.vue
+16 -3
View File
@@ -23,7 +23,7 @@
<div v-else class="list-container horizontal-placement"> <div v-else class="list-container horizontal-placement">
<div class="charlist"> <div class="charlist">
{{ $t('characters.list.owned_characters_title') }} <div class="charlist-header">{{ $t('characters.list.owned_characters_title') }}</div>
<div v-for="character in ownedCharacters" :key="character.character_id" class="list-item"> <div v-for="character in ownedCharacters" :key="character.character_id" class="list-item">
<router-link :to="`/character/${character.id}`" class="list-item-content"> <router-link :to="`/character/${character.id}`" class="list-item-content">
<h4 class="list-item-title">{{ character.name }}</h4> <h4 class="list-item-title">{{ character.name }}</h4>
@@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<div class="charlist"> <div class="charlist">
{{ $t('characters.list.shared_characters_title') }} <div class="charlist-header">{{ $t('characters.list.shared_characters_title') }}</div>
<div v-for="character in sharedCharacters" :key="character.character_id" class="list-item"> <div v-for="character in sharedCharacters" :key="character.character_id" class="list-item">
<router-link :to="`/character/${character.id}`" class="list-item-content"> <router-link :to="`/character/${character.id}`" class="list-item-content">
<h4 class="list-item-title">{{ character.name }}</h4> <h4 class="list-item-title">{{ character.name }}</h4>
@@ -191,7 +191,7 @@ export default {
.horizontal-placement { .horizontal-placement {
display: flex; display: flex;
gap: 20px; gap: 10px;
align-items: flex-start; align-items: flex-start;
} }
@@ -200,6 +200,19 @@ export default {
min-width: 0; min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-height: calc(100vh - 15px - 300px);
overflow-y: auto;
}
.charlist-header {
font-size: 1.25rem;
font-weight: 600;
color: #333;
padding: 12px 20px;
background: #f8f9fa;
border-bottom: 2px solid #dee2e6;
margin-bottom: 0;
flex-shrink: 0;
} }
/* Responsive Design */ /* Responsive Design */