diff --git a/resources/css/app.scss b/resources/css/app.scss index 494dd3a..5114e1b 100644 --- a/resources/css/app.scss +++ b/resources/css/app.scss @@ -14,9 +14,10 @@ body { background-size: 100%; position: absolute; top: 0; - left: 0; + right: 0; width: 100%; z-index: -2; + transition: right 0.5s ease-in-out; .bg-gradient { position: fixed; @@ -141,7 +142,7 @@ header { background-color: $background; overflow-x: hidden; padding-top: 60px; - transition: 0.5s; + transition: 0.5s ease-in-out; a { padding: 8px 8px 8px 32px; @@ -159,14 +160,11 @@ header { } } -#body { - transition: margin-right .5s; -} - -.openNavBtn { +#openNavBtn { position: absolute; top: 20px; right: 20px; + transition: opacity .5s ease-in-out; &:hover { cursor: pointer; diff --git a/resources/views/layout/nav.blade.php b/resources/views/layout/nav.blade.php index e1bc926..ebe7121 100644 --- a/resources/views/layout/nav.blade.php +++ b/resources/views/layout/nav.blade.php @@ -6,7 +6,7 @@ Inscription - +
@@ -17,11 +17,17 @@ diff --git a/routes/web.php b/routes/web.php index b4375f3..f8ec2f7 100644 --- a/routes/web.php +++ b/routes/web.php @@ -19,8 +19,8 @@ Route::get('/success', function () { return view('game.success')->with([ - 'title' => request('title'), - 'artist' => request('artist'), + 'title' => request('title'), + 'artist' => request('artist'), 'spotify_id' => request('spotify_id'), ]); })->name('success');