More tab view styling

This commit is contained in:
watsonb8 2019-12-23 12:23:51 -05:00
parent fa82c4fa30
commit 5f241615ad
8 changed files with 27 additions and 11 deletions

View File

@ -4,4 +4,8 @@
.accentColor { .accentColor {
background-color: #3a3a3a; background-color: #3a3a3a;
}
.secondAccentColor {
background-color: #626363
} }

View File

@ -2,8 +2,7 @@
<ContentView <ContentView
xmlns="http://xamarin.com/schemas/2014/forms" xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="Aurora.Design.Components.Dialogs.Modal" x:Class="Aurora.Design.Components.Dialogs.Modal">
BackgroundColor="Blue">
<ContentView.Content> <ContentView.Content>
<ContentPresenter <ContentPresenter
x:Name="ViewContent"/> x:Name="ViewContent"/>

View File

@ -1,12 +1,20 @@
#MembersList {
background-color: #3a3a3a;
}
Frame { Frame {
margin-left: 20; margin-left: 20;
margin-right: 20; margin-right: 20;
margin-top: 20; margin-top: 20;
margin-bottom: 20; margin-bottom: 20;
width: 80; width: 150;
border-radius: 25;
background-color: #626363;
} }
Frame Label { Frame Label {
color: black; text-align: center;
background-color: white; vertical-align: middle;
color: white;
font-size: 20;
} }

View File

@ -12,15 +12,17 @@
<ContentView.Content> <ContentView.Content>
<flv:FlowListView <flv:FlowListView
x:Name="MembersList" x:Name="MembersList"
FlowColumnCount="8" FlowColumnMinWidth="150"
RowHeight="150" RowHeight="150"
VerticalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
SeparatorVisibility="None" SeparatorVisibility="None"
HasUnevenRows="false" BackgroundColor="#3a3a3a"
StyleClass="accentColor"> HasUnevenRows="false">
<flv:FlowListView.FlowColumnTemplate> <flv:FlowListView.FlowColumnTemplate>
<DataTemplate> <DataTemplate>
<Frame> <Frame
HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand">
<Label <Label
Text="{Binding UserName}" Text="{Binding UserName}"
TextColor="White"/> TextColor="White"/>

View File

@ -36,4 +36,5 @@
margin-top: 20; margin-top: 20;
margin-bottom: 20; margin-bottom: 20;
border-radius: 15; border-radius: 15;
background-color: #626363;
} }

View File

@ -59,12 +59,13 @@
<dialog:Modal x:Name="Modal" <dialog:Modal x:Name="Modal"
Grid.Column="1" Grid.Column="1"
Grid.Row="2" Grid.Row="2"
BackgroundColor="Gray" StyleClass="secondAccentColor"
HorizontalOptions="Center" HorizontalOptions="Center"
VerticalOptions="End"/> VerticalOptions="End"/>
<!--Music Player--> <!--Music Player-->
<mp:Player <mp:Player
StyleClass="secondAccentColor"
x:Name="Player" x:Name="Player"
Grid.Row="3" Grid.Row="3"
Grid.ColumnSpan="2"/> Grid.ColumnSpan="2"/>

View File

@ -23,4 +23,3 @@ Button {
background-color: transparent; background-color: transparent;
} }
s

View File

@ -17,6 +17,8 @@
<tabView:TabViewControl <tabView:TabViewControl
HorizontalOptions="FillAndExpand" HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand" VerticalOptions="FillAndExpand"
TabSizeOption="100"
HeaderBackgroundColor="#232323"
x:Name="TabView"> x:Name="TabView">
<tabView:TabViewControl.ItemSource> <tabView:TabViewControl.ItemSource>
<tabView:TabItem <tabView:TabItem