wm-fontis/wm-fontis-tibi-2023
3
0
Fork 0
generated from cms/tibi-docs
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

last changes

Browse Source
This commit is contained in:
Robin Grenzdörfer
2023-08-15 12:48:43 +00:00
parent c29765dd09
commit c9135d03cf
17 changed files with 138 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/lib/components/widgets/Worldcard/card.svelte
View File

@@ -63,7 +63,7 @@
height: fit-content;
img {
display: block;
height: 100%;
width: 100%;
}
.content {
position: absolute;
@@ -91,7 +91,11 @@
gap: 20px;
align-items: center;
.title {
padding: 5px 10px;
font-size: min(0.9vw, 14px);
padding: 2px 5px;
@media @tablet {
padding: 5px 10px;
}
font-weight: bold;
color: @font-color-secondary;
background-color: @bg-color-secondary;
@@ -102,7 +106,10 @@
}
.properties {
display: flex;
display: none;
@media @desktop {
display: flex;
}
flex-direction: column;
gap: 5px;
.property-row {
@@ -112,9 +119,11 @@
.property {
cursor: pointer;
overflow: hidden;
width: 30px;
width: 2vw;
max-width: 30px;
height: 30px;
font-size: min(0.7vw, 14px);
height: 2vw;
max-height: 30px;
border-radius: 15px;
border: 2px solid #4f4f4f;
color: #4f4f4f;
@@ -122,7 +131,8 @@
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s width ease-in, 0.5s background-color ease-in, 0.5s color ease-in;
transition: 0.5s width ease-in, 0.5s max-width ease-in, 0.5s background-color ease-in,
0.5s color ease-in;
&.selected {
background-color: @bg-color !important;
color: @font-color !important;
@@ -136,8 +146,8 @@
white-space: nowrap;
}
&:hover {
width: 500px;
max-width: fit-content;
width: fit-content;
max-width: 1000px;
padding: 5px;
background-color: white;