Style sidebar logo

src/main/resources/org/example/petshopdesktop/main-layout-view.fxml

@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
 <?import javafx.geometry.Insets?>
+<?import javafx.scene.effect.DropShadow?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.ScrollPane?>
 <?import javafx.scene.control.Separator?>
-<?import javafx.scene.image.Image?>
-<?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.BorderPane?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.StackPane?>
@@ -23,11 +22,11 @@
                </padding>
                <children>
                   <HBox alignment="CENTER">
-                     <ImageView fx:id="imgLogo" fitHeight="104.0" fitWidth="104.0" preserveRatio="true" smooth="true" onMouseClicked="#logoClicked" style="-fx-cursor: hand; -fx-effect: dropshadow(gaussian, rgba(15,23,42,0.22), 18, 0.16, 0, 6);">
-                        <image>
-                           <Image url="@images/leons-pet-store-badge.png" />
-                        </image>
-                     </ImageView>
+                     <StackPane fx:id="logoContainer" maxHeight="118.0" maxWidth="118.0" minHeight="118.0" minWidth="118.0" onMouseClicked="#logoClicked" prefHeight="118.0" prefWidth="118.0" style="-fx-cursor: hand; -fx-background-color: #e7d8c8; -fx-background-radius: 999; -fx-border-color: rgba(161,63,46,0.24); -fx-border-radius: 999;">
+                        <effect>
+                           <DropShadow blurType="GAUSSIAN" color="0x0f172838" height="18.0" offsetY="6.0" radius="9.0" spread="0.16" width="18.0" />
+                        </effect>
+                     </StackPane>
                      <VBox.margin>
                         <Insets bottom="15.0" />
                      </VBox.margin>