fix: enhance AddVM.css with hover effects and layout adjustments for image chooser

This commit is contained in:
Zack Spear
2025-04-02 18:05:58 -07:00
parent 33132c6c03
commit 97398aa862

View File

@@ -142,17 +142,30 @@ span.advancedview_panel {
.template_img_chooser_inner {
display: inline-block;
width: 80px;
margin-bottom: 15px;
margin-right: 10px;
text-align: center;
}
.template_img_chooser_inner:hover {
color: var(--orange-400);
cursor: pointer;
}
.template_img_chooser_inner img {
width: 48px;
height: 48px;
}
.template_img_chooser_inner p {
text-align: center;
line-height: 8px;
margin: 0;
}
.template_img_parent {
position: relative;
}
#template_img_chooser_outer {
position: absolute;
display: none;
border-radius: 5px;
border: 1px solid var(--gray-150);
background: var(--add-vm-background);
z-index: 10;
}
#template_img_chooser {
width: 560px;
@@ -161,10 +174,7 @@ span.advancedview_panel {
position: relative;
display:grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
#template_img_chooser div:hover {
background-color: var(--gray-150); /* Condensed from: #eee */
cursor: pointer;
gap: 1rem;
}
#form_content {
display: none;