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
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:
commit
6d5f1f0d0a
1 changed files with 11 additions and 4 deletions
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue