Infrastructure/safetwitch
0
Fork 0
mirror of https://codeberg.org/SafeTwitch/safetwitch.git synced 2024-12-22 13:22:58 -05:00
Code Issues Activity

VIsual improvements for badges

Browse source
This commit is contained in:
dragongoose 2023-03-30 12:24:52 -04:00
parent 1be3faa424
commit 620a394211
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Badge.vue
View file

@ -25,5 +25,5 @@ export default {
</script> </script>
<template> <template>
<img :src="src" class="w-5 h-5"> <img :src="src" class="w-3.5 h-3.5 rounded-sm">
</template> </template>

4
src/components/TwitchChat.vue
View file

@ -102,6 +102,8 @@ export default {
</script> </script>
<template> <template>
<div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-full max-w-[15.625rem] flex flex-col"> <div v-if="isLive" class="p-3 bg-ctp-crust rounded-lg w-full max-w-[15.625rem] flex flex-col">
<!-- SYSTEM MESSAGES -->
<ul <ul
class="overflow-y-scroll overflow-x-hidden whitespace-pre-wrap h-[46.875rem]" class="overflow-y-scroll overflow-x-hidden whitespace-pre-wrap h-[46.875rem]"
ref="chatList" ref="chatList"
@ -113,6 +115,8 @@ export default {
</li> </li>
<li v-for="message in getChat()" :key="messages.indexOf(message)"> <li v-for="message in getChat()" :key="messages.indexOf(message)">
<div class="text-white inline-flex"> <div class="text-white inline-flex">
<!-- CHAT MESSAGE-->
<p class="text-sm items-center"> <p class="text-sm items-center">
<ul class="inline-flex space-x-1 pr-1"> <ul class="inline-flex space-x-1 pr-1">