diff --git a/puck-ntag215-manager/src/style/_sponsor-corner.scss b/puck-ntag215-manager/src/style/_sponsor-corner.scss index da963b5..7cb21fe 100644 --- a/puck-ntag215-manager/src/style/_sponsor-corner.scss +++ b/puck-ntag215-manager/src/style/_sponsor-corner.scss @@ -1,24 +1,29 @@ +@media only screen and (max-width: 1180px) { + body { + padding-bottom: 63px; + } +} + .sponsor-corner { position: fixed; - bottom: 20px; /* Adjust as needed for spacing */ - left: 20px; /* Adjust as needed for spacing */ - width: 48px; /* Size of the circle */ - height: 48px; /* Size of the circle */ + bottom: 20px; + left: 20px; + width: 48px; + height: 48px; border-radius: 50%; - background-color: #db61a2bb; /* Hot pink with 70% opacity */ - backdrop-filter: blur(8px); /* 8px blurred background */ - box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */ + background-color: #db61a2bb; + backdrop-filter: blur(8px); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); display: flex; justify-content: center; align-items: center; transition: background-color 0.2s ease; &:hover { - background-color: #db61a2; /* Solid hot pink on hover */ + background-color: #db61a2; svg { - - fill: white; + fill: white; } }