janis/teamspeak-obs-overlay
1
0
Fork 0
mirror of https://github.com/DerTyp7/teamspeak-obs-overlay.git synced 2025-10-29 12:52:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

[refactor] update channel name style

Browse Source
This commit is contained in:
Janis Meister
2023-06-30 13:25:44 +02:00
parent 113fcb28de
commit 0d3317802c
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/Viewer.tsx
View File

@@ -16,7 +16,11 @@ export default function Viewer({
}) { }) {
return ( return (
<div className="viewer"> <div className="viewer">
{showChannelName ? <h3>{channel?.properties.name}</h3> : null} {showChannelName ? (
<div className="channelNameContainer">
<h3>{channel?.properties.name}</h3>
</div>
) : null}
{clients?.map((client, i) => { {clients?.map((client, i) => {
//* Client limit //* Client limit
if (clientLimit != 0 && i >= clientLimit) { if (clientLimit != 0 && i >= clientLimit) {

17
src/styles/Viewer.scss
View File

@@ -4,10 +4,19 @@
gap: 0 0; gap: 0 0;
padding: 1rem; padding: 1rem;
h3 { .channelNameContainer {
font-size: 1.5rem; display: flex;
font-weight: 500; align-items: center;
margin: 0; margin-bottom: 20px;
h3 {
font-size: 1.7rem;
font-weight: 500;
margin: 0;
background-color: rgba(47, 49, 54, 0.5);
padding: 0.25rem 0.5rem;
border-radius: 0.25rem;
color: white;
}
} }
.client { .client {