More tab view styling
This commit is contained in:
parent
fa82c4fa30
commit
5f241615ad
@ -4,4 +4,8 @@
|
||||
|
||||
.accentColor {
|
||||
background-color: #3a3a3a;
|
||||
}
|
||||
|
||||
.secondAccentColor {
|
||||
background-color: #626363
|
||||
}
|
@ -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"/>
|
||||
|
@ -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;
|
||||
}
|
@ -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"/>
|
||||
|
@ -36,4 +36,5 @@
|
||||
margin-top: 20;
|
||||
margin-bottom: 20;
|
||||
border-radius: 15;
|
||||
background-color: #626363;
|
||||
}
|
||||
|
@ -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"/>
|
||||
|
@ -23,4 +23,3 @@ Button {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
s
|
||||
|
@ -17,6 +17,8 @@
|
||||
<tabView:TabViewControl
|
||||
HorizontalOptions="FillAndExpand"
|
||||
VerticalOptions="FillAndExpand"
|
||||
TabSizeOption="100"
|
||||
HeaderBackgroundColor="#232323"
|
||||
x:Name="TabView">
|
||||
<tabView:TabViewControl.ItemSource>
|
||||
<tabView:TabItem
|
||||
|
Reference in New Issue
Block a user