Improved the inner content scrolling to use the entire space available (#263)

This commit is contained in:
Thorsten Sommer authored and GitHub committed 2025-01-21 13:40:47 +01:00
1 parent f50e041640
commit 14caf550ec
14 files changed
+509 -486

No files matched your search

+35 -33
View File
@@ -1,40 +1,42 @@
@attribute [Route(Routes.HOME)]
<MudImage Src="svg/banner.svg" />
<MudText Typo="Typo.h3" Class="mt-2 mb-2">Let's get started</MudText>
<div class="inner-scrolling-context">
<MudImage Src="svg/banner.svg" Style="max-height: 16em; width: 100%; object-fit: cover;" />
<MudText Typo="Typo.h3" Class="mt-2 mb-2">Let's get started</MudText>
<InnerScrolling HeaderHeight="288px - 8em">
<MudExpansionPanels Class="mb-3" MultiExpansion="@false">
<InnerScrolling>
<MudExpansionPanels Class="mb-3" MultiExpansion="@false">
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.MenuBook" HeaderText="Introduction" IsExpanded="@true">
<MudText Typo="Typo.h5" Class="mb-3">
Welcome to MindWork AI Studio!
</MudText>
<MudText Typo="Typo.body1" Class="mb-3" Style="text-align: justify; hyphens: auto;">
Thank you for considering MindWork AI Studio for your AI needs. This app is designed to help you harness
the power of Large Language Models (LLMs). Please note that this app doesn't come with an integrated
LLM. Instead, you will need to bring an API key from a suitable provider.
</MudText>
<MudText Typo="Typo.body1" Class="mb-3">
Here's what makes MindWork AI Studio stand out:
</MudText>
<MudTextList Icon="@Icons.Material.Filled.CheckCircle" Clickable="@true" Items="@ITEMS_ADVANTAGES" Class="mb-3"/>
<MudText Typo="Typo.body1" Class="mb-3">
We hope you enjoy using MindWork AI Studio to bring your AI projects to life!
</MudText>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.MenuBook" HeaderText="Introduction" IsExpanded="@true">
<MudText Typo="Typo.h5" Class="mb-3">
Welcome to MindWork AI Studio!
</MudText>
<MudText Typo="Typo.body1" Class="mb-3" Style="text-align: justify; hyphens: auto;">
Thank you for considering MindWork AI Studio for your AI needs. This app is designed to help you harness
the power of Large Language Models (LLMs). Please note that this app doesn't come with an integrated
LLM. Instead, you will need to bring an API key from a suitable provider.
</MudText>
<MudText Typo="Typo.body1" Class="mb-3">
Here's what makes MindWork AI Studio stand out:
</MudText>
<MudTextList Icon="@Icons.Material.Filled.CheckCircle" Clickable="@true" Items="@ITEMS_ADVANTAGES" Class="mb-3"/>
<MudText Typo="Typo.body1" Class="mb-3">
We hope you enjoy using MindWork AI Studio to bring your AI projects to life!
</MudText>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.EventNote" HeaderText="Last Changelog">
<MudMarkdown Value="@this.LastChangeContent" OverrideHeaderTypo="@Markdown.OverrideHeaderTypo"/>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.EventNote" HeaderText="Last Changelog">
<MudMarkdown Value="@this.LastChangeContent" OverrideHeaderTypo="@Markdown.OverrideHeaderTypo"/>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.Lightbulb" HeaderText="Vision">
<Vision/>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.RocketLaunch" HeaderText="Quick Start Guide">
<MudMarkdown OverrideHeaderTypo="@Markdown.OverrideHeaderTypo" Value="@QUICK_START_GUIDE"/>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.Lightbulb" HeaderText="Vision">
<Vision/>
</ExpansionPanel>
<ExpansionPanel HeaderIcon="@Icons.Material.Filled.RocketLaunch" HeaderText="Quick Start Guide">
<MudMarkdown OverrideHeaderTypo="@Markdown.OverrideHeaderTypo" Value="@QUICK_START_GUIDE"/>
</ExpansionPanel>
</MudExpansionPanels>
</InnerScrolling>
</MudExpansionPanels>
</InnerScrolling>
</div>