itob/RBLNews
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases 1 Wiki Activity

design improvements

Browse Source
This commit is contained in:
Tobias Wohlleben 2024-09-09 23:04:48 +02:00
parent 12388b2c53
commit 46c1af77c0
4 changed files with 50 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
RBLNews.Maui/RBLNews.Maui.csproj
View File

@ -1,8 +1,7 @@
<Project Sdk="Microsoft.NET.Sdk.Razor"> <Project Sdk="Microsoft.NET.Sdk.Razor">
<PropertyGroup> <PropertyGroup>
<TargetFrameworks>net8.0-android;net8.0-ios;net8.0-maccatalyst</TargetFrameworks> <TargetFrameworks>net8.0-maccatalyst;net8.0-android34.0</TargetFrameworks>
<TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net8.0-windows10.0.19041.0</TargetFrameworks>
<!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET --> <!-- Uncomment to also build the tizen app. You will need to install tizen by following this: https://github.com/Samsung/Tizen.NET -->
<!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> --> <!-- <TargetFrameworks>$(TargetFrameworks);net8.0-tizen</TargetFrameworks> -->
@ -33,12 +32,16 @@
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">14.2</SupportedOSPlatformVersion> <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'ios'">14.2</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">14.0</SupportedOSPlatformVersion> <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'maccatalyst'">14.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">24.0</SupportedOSPlatformVersion> <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'android'">32.0</SupportedOSPlatformVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion> <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</SupportedOSPlatformVersion>
<TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion> <TargetPlatformMinVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'windows'">10.0.17763.0</TargetPlatformMinVersion>
<SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion> <SupportedOSPlatformVersion Condition="$([MSBuild]::GetTargetPlatformIdentifier('$(TargetFramework)')) == 'tizen'">6.5</SupportedOSPlatformVersion>
</PropertyGroup> </PropertyGroup>
<PropertyGroup Condition="'$(Configuration)|$(TargetFramework)|$(Platform)'=='Release|net8.0-android34.0|AnyCPU'">
<AndroidPackageFormat>apk</AndroidPackageFormat>
</PropertyGroup>
<ItemGroup> <ItemGroup>
<!-- App Icon --> <!-- App Icon -->
<MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" /> <MauiIcon Include="Resources\AppIcon\appicon.svg" ForegroundFile="Resources\AppIcon\appiconfg.svg" Color="#512BD4" />

14
RBLNews.Shared/Components/Layout/NavMenu.razor
View File

@ -1,17 +1,25 @@
@using RBLNews.Shared.Services @using RBLNews.Shared.Services
@inject IFeedDataService feedDataService @inject IFeedDataService feedDataService
<div class="container-fluid">
<div class="top-row ps-3 navbar navbar-dark"> <div class="top-row ps-3 navbar navbar-dark">
<div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<h3>RBL News auf einen Blick!</h3> <h3>RBL News auf einen Blick!</h3>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="top-row ps-3 navbar navbar-dark">
<div class="row">
<div class="col-12">
<Icon Name="IconName.InfoCircle" class="me-2"></Icon>Letztes Update @this.FeedDataService.Feeds?.LastUpdateDisplay <Icon Name="IconName.InfoCircle" class="me-2"></Icon>Letztes Update @this.FeedDataService.Feeds?.LastUpdateDisplay
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@* @*
<input type="checkbox" title="Navigation menu" class="navbar-toggler" /> <input type="checkbox" title="Navigation menu" class="navbar-toggler" />

3
RBLNews.Shared/Components/Pages/Feeds.razor
View File

@ -14,11 +14,12 @@
} }
else else
{ {
<br/>
<div class="row"> <div class="row">
<div class="container"> <div class="container">
@foreach (FeedGroupVM feedGrp in this.FeedDataService.Feeds.FeedGroups) @foreach (FeedGroupVM feedGrp in this.FeedDataService.Feeds.FeedGroups)
{ {
<h4>@feedGrp.PublishDateDisplay</h4> <h4><Icon Name="IconName.Calendar2Event" /> @feedGrp.PublishDateDisplay</h4>
@foreach (FeedVM feed in feedGrp.Feeds) @foreach (FeedVM feed in feedGrp.Feeds)
{ {
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-4"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-4">

34
RBLNews.Shared/wwwroot/css/app.css
View File

@ -1,8 +1,36 @@
.top-row{ 
height: 5.1rem !important; h1, h2, h3, h4, h5, h6, h7 {
color: aqua; color: rgb(221, 7, 65) !important;
text-transform: uppercase;
} }
.top-row {
background-color: rgb(221, 7, 65) !important;
color: #eee !important;
}
.top-row h3 {
color: #eee !important;
}
.loading {
position: absolute;
top: 45%;
left: 45%;
z-index: 10000;
}
.spinner:after {
border-color: rgb(221, 7, 65);
}
.btn-primary {
background-color: #fff !important;
color: rgb(221, 7, 65) !important;
border: 1px solid rgb(221, 7, 65) !important;
}
/*html, body { /*html, body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
} }