chore: adjusted scenery view return button appearance

This commit is contained in:
2025-07-04 17:16:08 +02:00
parent dd0d7897cf
commit 0b4ad679b3
+9 -2
View File
@@ -1,7 +1,7 @@
<template> <template>
<section class="info-header"> <section class="info-header">
<button <button
class="btn btn-return btn--action" class="btn btn-return"
:title="$t('scenery.return-btn')" :title="$t('scenery.return-btn')"
@click="onReturnButtonClick" @click="onReturnButtonClick"
> >
@@ -56,13 +56,20 @@ function onReturnButtonClick() {
<style lang="scss" scoped> <style lang="scss" scoped>
@use '../../styles/responsive'; @use '../../styles/responsive';
@use 'sass:color';
.btn-return { .btn-return {
margin-bottom: 1em; $bgColor: #2b2b2b;
background-color: $bgColor;
margin-bottom: 0.5em;
img { img {
width: 2em; width: 2em;
} }
&:hover {
background-color: color.adjust($color: $bgColor, $lightness: 15%);
}
} }
.scenery-name { .scenery-name {