More tab view styling
This commit is contained in:
parent
fa82c4fa30
commit
5f241615ad
@ -5,3 +5,7 @@
|
|||||||
.accentColor {
|
.accentColor {
|
||||||
background-color: #3a3a3a;
|
background-color: #3a3a3a;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.secondAccentColor {
|
||||||
|
background-color: #626363
|
||||||
|
}
|
@ -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"/>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
@ -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"/>
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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"/>
|
||||||
|
@ -23,4 +23,3 @@ Button {
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
s
|
|
||||||
|
@ -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
|
||||||
|
Reference in New Issue
Block a user