feat: add improve name button

This commit is contained in:
2025-04-30 11:33:55 +02:00
parent 8fbe5ae3c4
commit 2afecd1c04
8 changed files with 323 additions and 22 deletions

View File

@ -6,4 +6,8 @@
body {
font-family: Ubuntu;
}
.template {
display: none !important;
}

View File

@ -28,6 +28,7 @@ table {
td {
text-align: center;
position: relative;
}
}
}
@ -104,6 +105,76 @@ label {
cursor: pointer;
}
button.improve {
width: 2em;
height: 2em;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 0.4em;
border-radius: 0.4em;
&:hover{
background-color: #8d8d8d42;
}
img {
position: absolute;
inset: 0;
width: inherit;
height: inherit;
object-fit: contain;
}
.clicked {
opacity: 0;
transition: opacity 0.2s;
}
&.clicked {
.clicked {
opacity: 1;
}
}
/*background: url("/static/images/improve.svg");
background-size: contain;
width: 2em;
height: 2em;
border: none;
margin: 0;
padding: 0;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
margin-left: 0.4em;
border-radius: 0.4em;
&:hover{
background-color: #8d8d8d42;
}
&::after {
content: "";
position: absolute;
background: url("/static/images/improve_clicked.svg");
background-size: contain;
width: inherit;
height: inherit;
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 0.2s;
}
&.clicked {
&::after {
opacity: 1;
}
}*/
}
.popup {
display: grid;
place-items: center;
@ -238,13 +309,13 @@ label {
align-items: center;
gap: 0.2em;
}
.select {
border: solid black 1px;
padding: 0.2em 0.4em;
background-color: #fafafa;
}
}
}
}
.select {
border: solid black 1px;
padding: 0.2em 0.4em;
background-color: #fafafa;
}
}