removed unnecessary css
This commit is contained in:
@@ -2,41 +2,23 @@
|
|||||||
|
|
||||||
<PageTitle>Movie Details</PageTitle>
|
<PageTitle>Movie Details</PageTitle>
|
||||||
|
|
||||||
<style>
|
<div class="row g-4" style="max-width: 800px;">
|
||||||
.my-grid {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 2fr;
|
|
||||||
grid-template-rows: auto auto;
|
|
||||||
gap: 20px;
|
|
||||||
max-width: 800px;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
.favorite {
|
|
||||||
background-color: gold;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
.not-favorite {
|
|
||||||
background-color: gray;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<div class="my-grid">
|
|
||||||
@if (movie is not null)
|
@if (movie is not null)
|
||||||
{
|
{
|
||||||
<h1>@movie.Title</h1>
|
<h1>@movie.Title</h1>
|
||||||
<div></div>
|
<div class="col-md-4">
|
||||||
<img src="@movie.Poster" alt="@movie.Title Poster" />
|
<img src="@movie.Poster" alt="@movie.Title Poster" class="img-fluid" />
|
||||||
<div class="details">
|
</div>
|
||||||
|
<div class="col-md-8">
|
||||||
<p>@movie.Runtime</p>
|
<p>@movie.Runtime</p>
|
||||||
<p>@movie.Plot</p>
|
<p>@movie.Plot</p>
|
||||||
@if(ManageFavorite.IsFavorite(id))
|
@if(ManageFavorite.IsFavorite(id))
|
||||||
{
|
{
|
||||||
<button class="btn-secondary favorite" @onclick="ToggleFavoriteMovie">Remove Favorite</button>
|
<button class="btn btn-warning" @onclick="ToggleFavoriteMovie">Remove Favorite</button>
|
||||||
}
|
}
|
||||||
else
|
else
|
||||||
{
|
{
|
||||||
<button class="btn-secondary not-favorite" @onclick="ToggleFavoriteMovie">Add to Favorites</button>
|
<button class="btn btn-secondary" @onclick="ToggleFavoriteMovie">Add to Favorites</button>
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user