gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 8 Projects Releases Packages 1 Wiki Activity Actions

fix: fix centring of profile modal auto generated pfps
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details
ci/woodpecker/pr/build-and-publish Pipeline was successful
Details
ci/woodpecker/pull_request_closed/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
Twig 2025-08-04 21:18:52 +02:00
parent f229a9176c
commit 37a3f2b2e4
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
1 changed files with 11 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
components/DefaultIcon.vue
View file

@ -1,9 +1,11 @@
<template>
<div :style="`background-color: ${generateIrcColor(seed, 50)}`"
class="default-icon">
<span class="default-icon-text">
{{ previewName }}
</span>
<div class="default-icon-text-container">
<span class="default-icon-text">
{{ previewName }}
</span>
</div>
</div>
</template>
@ -31,12 +33,17 @@ if (props.name.length > 3) {
</script>
<style scoped>
.default-icon {
.default-icon, .default-icon-text-container {
display: flex;
align-items: center;
justify-content: center;
}
.default-icon-text-container {
height: 100%;
width: 100%;
}
.default-icon-text {
/* helps centre the icon, yes, this is NOT perfect */
margin-top: -0.15em;