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 {
background-color: #3a3a3a;
}
.secondAccentColor {
background-color: #626363
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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