fix
All checks were successful
deploy to production / deploy (push) Successful in 31s

This commit is contained in:
Robin Grenzdörfer 2023-08-17 08:27:00 +00:00
parent 04595d7094
commit d6e253d77e
2 changed files with 12 additions and 8 deletions

View File

@ -46,7 +46,7 @@
<div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div> <div class="number" style="transform: rotate(calc( -1 * {rotation}deg - 90deg ))">{i + 1}</div>
</div> </div>
<div class="content" style="transform: translate(calc({x}px / 15) , calc({y}px / 15))"> <div class="content" style="transform: translate(calc({x}px / 20) , calc({y}px / 20))">
<div class="icon"> <div class="icon">
<svg <svg
id="mySvgObject{i}" id="mySvgObject{i}"
@ -113,11 +113,12 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
z-index: 120; z-index: 120;
font-size: 1.2rem; font-size: 0.9rem;
} }
.circle { .circle {
position: absolute; position: absolute;
width: 180px; width: 180px;
overflow: hidden;
height: 180px; height: 180px;
background: rgba(255, 255, 255, 0); background: rgba(255, 255, 255, 0);
border: 4px solid @bg-color-secondary; border: 4px solid @bg-color-secondary;
@ -130,14 +131,17 @@
display: flex; display: flex;
line-height: 1; line-height: 1;
flex-direction: column; flex-direction: column;
width: 100%; transform-origin: center;
height: 100%; width: 95%;
border-radius: 50%;
height: 95%;
align-items: center; align-items: center;
font-size: 1.2rem; font-size: 0.9rem;
justify-content: center; justify-content: center;
padding: 15px;
svg { svg {
width: 100%; width: 80%;
height: 100%; height: 80%;
} }
} }

View File

@ -52,7 +52,7 @@
font-size: 1.2rem; font-size: 1.2rem;
top: 0px; top: 0px;
height: 100px; height: 100px;
width: 320px; width: 335px;
z-index: 9; z-index: 9;
background-color: @bg-color-secondary; background-color: @bg-color-secondary;
} }