Vypadá to, že je toho hodně špatně, ale reálně je tohle důležitý issue, protože díky němu se budeme inspirovat s používáním správných komponent, barev, atd. u dalších issues.
Chybí
včetně primary barvy u
a taky
by mělo být šedě.
V adresáři pages už je soubor Home.razor, takže to tam stačí hodit a hlavně odstranit < HomePage /> z MainLayout.razor.
Svg bude nejlepší uložit do wwwroot/imgs či jak to budeš chtít pojmenovat. Na obrázky prostě použij < img src="ananas" >... to samozřejmě hoď do MudCard abychom v budoucnu při stylování všechno mohli jednoduše změnit včetně pozadí či outlinu a border radiusu jako je na figmě.
Co se týče proporcí a pozice všeho, tak bude nejlepší MudCard s textem vedle něho viz zelený obdelník dát do < div > s flex a možná justify-evenly.
Celé viz červený obdelník taky hodit do divu s flexem a flex-col s gap a nějakým mt a mb (nemusíš hrotit jak velká ta mezera bude, hlavně ať to tam prostě je pro budoucí POLISH projektu) aby například Elevate to the highest points nebylo namačkané u headeru/navbaru. Tím flex-col taky budeš moct odstranit veškeré custom css například u tlačítka, protože přes flex-col vše narovnáš na střed (taky nějak extra nezvětšuj tlačítko, prostě tomu hoď Size="Size.Large"). Ještě ohledně vlastního stylování, tak barvy už má MudBlazor vytvořené, takže abychom se nestříleli do nohy, tak třeba použij Style=@($"color:{Colors.Grey.Lighten1}")
Vypadá to, že je toho hodně špatně, ale reálně je tohle důležitý issue, protože díky němu se budeme inspirovat s používáním správných komponent, barev, atd. u dalších issues.
Chybí včetně primary barvy u a taky by mělo být šedě.
V adresáři pages už je soubor Home.razor, takže to tam stačí hodit a hlavně odstranit < HomePage /> z MainLayout.razor.
Svg bude nejlepší uložit do wwwroot/imgs či jak to budeš chtít pojmenovat. Na obrázky prostě použij < img src="ananas" >... to samozřejmě hoď do MudCard abychom v budoucnu při stylování všechno mohli jednoduše změnit včetně pozadí či outlinu a border radiusu jako je na figmě.
Co se týče proporcí a pozice všeho, tak bude nejlepší MudCard s textem vedle něho viz zelený obdelník dát do < div > s flex a možná justify-evenly.
Celé viz červený obdelník taky hodit do divu s flexem a flex-col s gap a nějakým mt a mb (nemusíš hrotit jak velká ta mezera bude, hlavně ať to tam prostě je pro budoucí POLISH projektu) aby například Elevate to the highest points nebylo namačkané u headeru/navbaru. Tím flex-col taky budeš moct odstranit veškeré custom css například u tlačítka, protože přes flex-col vše narovnáš na střed (taky nějak extra nezvětšuj tlačítko, prostě tomu hoď Size="Size.Large"). Ještě ohledně vlastního stylování, tak barvy už má MudBlazor vytvořené, takže abychom se nestříleli do nohy, tak třeba použij
Style=@($"color:{Colors.Grey.Lighten1}")