use button

This commit is contained in:
Miodec 2026-01-03 17:34:03 +01:00
parent baece32ed4
commit 152bbd2b91
2 changed files with 19 additions and 22 deletions

View file

@ -136,31 +136,31 @@
<div class="groups"></div>
</div>
<div class="lobbyButtons">
<div class="button startTestButton">
<button class="startTestButton">
<i class="fas fa-keyboard"></i>
Start test
</div>
</button>
<div class="readyButtonGroup">
<div class="button userReadyButton">
<button class="userReadyButton">
<i class="fas fa-check"></i>
Ready
</div>
<div
class="button autoReadyButton"
</button>
<button
class="autoReadyButton"
data-balloon-pos="left"
aria-label="Auto ready"
>
<i class="fas fa-fw fa-magic"></i>
</div>
</button>
</div>
<div class="button userAfkButton">
<button class="userAfkButton">
<i class="fas fa-mug-hot"></i>
Take a break
</div>
<div class="button leaveRoomButton">
</button>
<button class="leaveRoomButton">
<i class="fas fa-door-open"></i>
Leave room
</div>
</button>
</div>
<div class="chat">
<div class="title">chat</div>
@ -177,18 +177,18 @@
<div class="title">name</div>
<div class="value">
<div class="text">My room</div>
<div class="textButton">
<button class="textButton">
<i class="fa fa-fw fas fa-pencil-alt"></i>
</div>
</button>
</div>
</div>
<div class="group visibility">
<div class="title">visibility</div>
<div class="value">
<div class="text">private</div>
<div class="textButton">
<button class="textButton">
<i class="fa fa-fw fa-lock"></i>
</div>
</button>
</div>
</div>
</div>
@ -198,13 +198,13 @@
<div class="inviteLink">
<div class="code">
<div class="title">room code</div>
<div
<button
class="text"
aria-label="Click to copy"
data-balloon-pos="up"
></div>
></button>
</div>
<div class="link"></div>
<button class="link textButton"></button>
</div>
</div>
</div>

View file

@ -348,16 +348,13 @@
font-size: 1rem;
}
.text {
padding: 0.1em 0.25em;
font-size: 2rem;
line-height: 2rem;
color: var(--main-color);
cursor: pointer;
transition: 0.25s;
}
.link {
font-size: 0.75rem;
transition: 0.25s;
cursor: pointer;
&:hover {
color: var(--text-color);
}