aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css/itcss/components/tab-bar.scss
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2017-10-23 13:40:03 +0800
committerAlexander Tseung <alextsg@gmail.com>2017-10-23 13:40:03 +0800
commit2c032e0df44a2d589aae62d3fc532df82441580b (patch)
tree7c6e3f79ac79f8ec99873cf9f51aafa1ec79ad8e /ui/app/css/itcss/components/tab-bar.scss
parent8f3b762461ada222f82089e686a61183dd167428 (diff)
downloadtangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar.gz
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar.bz2
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar.lz
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar.xz
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.tar.zst
tangerine-wallet-browser-2c032e0df44a2d589aae62d3fc532df82441580b.zip
Update settings screen to new UI
Diffstat (limited to 'ui/app/css/itcss/components/tab-bar.scss')
-rw-r--r--ui/app/css/itcss/components/tab-bar.scss23
1 files changed, 23 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/tab-bar.scss b/ui/app/css/itcss/components/tab-bar.scss
new file mode 100644
index 000000000..4f3077974
--- /dev/null
+++ b/ui/app/css/itcss/components/tab-bar.scss
@@ -0,0 +1,23 @@
+.tab-bar {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-items: flex-end;
+}
+
+.tab-bar__tab {
+ min-width: 0;
+ flex: 0 0 auto;
+ padding: 15px 25px;
+ border-bottom: 1px solid $alto;
+ box-sizing: border-box;
+ font-size: 18px;
+}
+
+.tab-bar__tab--active {
+ border-color: $black;
+}
+
+.tab-bar__grow-tab {
+ flex-grow: 1;
+}