mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 05:18:11 +00:00
chore: adjusted scenery view return button appearance
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user