I've been struggling to figure out how to set a background image for my entire angular project. I've tried using global css and the app.component.css file, but it only sets the background for the component area.
Here is a snippet from my global css file:
body {
font-family: 'Vazir';
background-image: url("assets/back.jpg");
background-repeat: repeat-y;
background-position: center;
background-size: cover;
}
I also tried creating another css file and linking it in index.html, but that didn't work well either. Even setting the background directly in the body tag of index.html yielded the same result.
PS: I'm looking for a solution that doesn't involve specifying pixels or percentages in the css file.
Thanks for your help!