kodev-org
/
vikunja
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(migration): center and style migrator logos on migration page 

Use inline-flex layout to center logos with titles below. Constrain
logo size with max-block-size and use logical CSS properties.
This commit is contained in:
kolaente 2026-04-07 13:58:21 +02:00 committed by kolaente
parent 1a1fd780ec
commit 34480ef513
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/views/migrate/Migration.vue
View File

@ -45,7 +45,10 @@ const availableMigrators = computed(() => configStore.availableMigrators
}
.migration-service-link {
display: inline-block;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
inline-size: 100px;
text-transform: capitalize;
margin-inline-end: 1rem;
@ -53,5 +56,8 @@ const availableMigrators = computed(() => configStore.availableMigrators
.migration-service-image {
display: block;
max-block-size: 80px;
inline-size: auto;
margin-block-end: 0.5rem;
}
</style>