New CSS file is empty/404 not found in chrome inspector after hosted. It works fine at local but not in website

Viewed 87

I just made a new CSS file and named it new-style.css in my Laravel project. The path is public/assets/css. It's just a short line of CSS. I've tested it locally and it works fine. The view of the project was changed. But when I test it on product server, it has no change at all. New CSS file exists but there's no change in the view of my project. I checked in file manager of cPanel, that new CSS file already exists and is updated. Please look at the pictures below for more details.

When I inspect the website of my project, that new-style.css file is empty

When I look at Network tab in Chrome

Even though the file exists in cPanel's file manager

And this is the code of my new CSS file :

#order-table {
    width: 100%!important;
}

.glass-card {
    background: rgba( 255, 255, 255, 0.40 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 17.5px );
    -webkit-backdrop-filter: blur( 17.5px );
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
} 

What's wrong whit this? I've searched by myself but still not found the answer of my problem. I hope i'll find it here. Your help is very valuable for me. Thank you.

1 Answers
Related