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 (
<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) => {
//* Client limit
if (clientLimit != 0 && i >= clientLimit) {

17
src/styles/Viewer.scss
View File

@@ -4,10 +4,19 @@
gap: 0 0;
padding: 1rem;
h3 {
font-size: 1.5rem;
font-weight: 500;
margin: 0;
.channelNameContainer {
display: flex;
align-items: center;
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 {