Mirrored_Repos/wabbajack
1
0
Fork 0
mirror of https://github.com/wabbajack-tools/wabbajack.git synced 2024-08-30 18:42:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

We got a gallery.

Browse Source
This commit is contained in:
Unnoen 2022-01-10 02:50:35 +11:00
parent 7419fc75a5
commit 60f4de0fdc
No known key found for this signature in database
GPG Key ID: 8F8E42252BA20553
8 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
Wabbajack.App.Blazor/Components/ModlistItem.razor
View File

@ -1,4 +1,5 @@
<div class="item" style="background-image: url(@ImageURL);">
<div class="item">
<img src="@ImageURL" alt="@Title Image">
<div class="info">
<div class="title">@Title</div>
<div class="description">@Description</div>

13
Wabbajack.App.Blazor/Components/ModlistItem.razor.scss
View File

@ -1,7 +1,16 @@
.item {
width: 150px;
height: 100px;
width: 400px;
height: 400px;
border-radius: 0.75rem;
overflow: hidden;
margin: 1rem;
img {
width: 100%;
height: 225px;
object-fit: cover;
border-radius: 0.75rem;
}
.info {
.title {

1
Wabbajack.App.Blazor/Components/Navbar.razor
View File

@ -1,6 +1,7 @@
<nav>
<a href="">Home</a>
<a href="/gallery">Gallery</a>
<a href="">Install</a>
<a href="">Compile</a>
<a href="">Settings</a>
</nav>

2
Wabbajack.App.Blazor/Pages/Gallery.razor
View File

@ -10,7 +10,7 @@
<div id="content">
@foreach (ModListItem item in listItems)
{
<ModListItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModListItem>
<ModlistItem ImageURL=@item.ImageURL Title=@item.Title Description=@item.Description></ModlistItem>
}
</div>

6
Wabbajack.App.Blazor/Pages/Gallery.razor.scss Normal file
View File

@ -0,0 +1,6 @@
#content {
width: 100%;
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
}

11
Wabbajack.App.Blazor/Pages/Home.razor
View File

@ -1,13 +1,4 @@
@using Wabbajack.Paths.IO
@using Wabbajack.Paths
@using System;
@using System.Collections.Generic;
@using System.Text.Json;
@using Wabbajack.Common
@using Newtonsoft.Json;
@using Newtonsoft.Json.Linq
@page "/"
@page "/"
@layout Shared.MainLayout
<News/>
<div id="content"></div>

2
Wabbajack.App.Blazor/Shared/MainLayout.razor
View File

@ -6,7 +6,7 @@
<div class="main">
<Sidebar/>
<div class="content">
<div class="page">
@Body
</div>

2
Wabbajack.App.Blazor/Shared/MainLayout.razor.scss
View File

@ -7,7 +7,7 @@
min-height: 100vh;
}
.content {
.page {
padding: 0.5rem;
flex: 1 1 0;
}