diff options
| author | Rémy Raes <contact@remyraes.com> | 2023-03-30 01:34:33 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-03-30 01:34:33 +0200 |
| commit | 61cb8f66db7bb71e8bed00b1a730ab7db14745f6 (patch) | |
| tree | 108bfccbde82eb5e05211a6b645adc6c4457eb1d /src-vue/src/App.vue | |
| parent | aa2624f60ddbf8d1fe45bf4f9f8e3eb8a3b4cbfe (diff) | |
| download | FlightCore-61cb8f66db7bb71e8bed00b1a730ab7db14745f6.tar.gz FlightCore-61cb8f66db7bb71e8bed00b1a730ab7db14745f6.zip | |
refactor: Style (#247)
* refactor: apply same style to all settings sections
* refactor: only assign developer_mode through store mutation
* refactor: remove useless credit mention
* refactor: remove menu bar background layer
* refactor: use same CSS style for both "no mod" messages
For both local and thunderstore mods views.
* fix: toggleDeveloperMode does not affect menu style by default
* feat: adjust TS mod hint i18n regression
Diffstat (limited to 'src-vue/src/App.vue')
| -rw-r--r-- | src-vue/src/App.vue | 16 |
1 files changed, 14 insertions, 2 deletions
diff --git a/src-vue/src/App.vue b/src-vue/src/App.vue index 86a1bb37..f80e000d 100644 --- a/src-vue/src/App.vue +++ b/src-vue/src/App.vue @@ -93,8 +93,20 @@ export default { top: 0; width: 100%; height: var(--fc-menu_height); - background-image: radial-gradient(transparent 1px); - backdrop-filter: saturate(50%) blur(4px); +} + +#fc__menu_bar::before { + position: absolute; + content: ""; + inset: 0; /* same as { top: 0; right: 0; bottom: 0; left: 0; } */ + background-image: linear-gradient(to bottom, red, orange); + z-index: 1; + opacity: 0; + transition: opacity 1s linear; +} + +#fc__menu_bar:hover::before { + opacity: 1; } /* Borders reset */ |