login and regristration form not appearing like it should

Question

I have done in terminal

composer create-project laravel/laravel Push "8.0"
cd Push 
composer require laravel/ui

Then change package.json file to : https://github.com/laravel/laravel/blob/8.x/package.json#L12

php artisan ui bootstrap
npm install --save-dev cross-env
npm install vue 
npm install vue-loader
npm install vue-template-compiler
php artisan ui vue --auth

in webpack.mix.js do How to fix the error "You may need an appropriate loader to handle this file type"

npm install&&npm run dev

And so does my login and registration not appear right what to do different.

enter image description here

It should be like picture 1

I think css is not loading on login page, Please try to follow these steps: https://stackoverflow.com/questions/58111841/auth-pages-not-getting-css-in-laravel — Kamran Khalid, Dec 28 '21 at 14:03

score 0 · Answer 1 · answered Dec 28 '21 at 14:07

0

you should check your browser console/network errors then you can fix them. Can you also share your browser console/network errors in the question?

answered Dec 28 '21 at 14:07

rergun

46
3

This should be a comment on the question instead of an answer. – eglease Dec 28 '21 at 15:14

score -1 · Answer 2 · answered Dec 28 '21 at 14:13

-1

Please create css file in directorty patch public->css->loginForm.css and copy past login form css.Then call login_form.blade.php top use it

<link href="/css/loginForm.css" rel="stylesheet">

answered Dec 28 '21 at 14:13

Emrah Çalışkan

11
6

CSS/styles should work out of the box. Just creating a CSS file and linking it will not help. What contents should the file have? – brombeer Dec 28 '21 at 14:22
dindn't see that – chenas Dec 28 '21 at 14:28

login and regristration form not appearing like it should

2 Answers2