Merge pull request 'fix: fix centring of profile modal auto generated pfps' (#61) from fix-modal-autogenerated-icons into main
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful

Reviewed-on: #61
Reviewed-by: SauceyRed <saucey@saucey.red>
This commit is contained in:
Twig 2025-08-04 19:22:53 +00:00
commit 6d5f1f0d0a

View file

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