QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-20 14:50:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(FormTopbar): optimize style.

Browse Source
This commit is contained in:
a.bouhuolia
2022-03-19 23:15:04 +02:00
parent 7df4cbdf54
commit ad149c1b18
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/FormTopbar.js
View File

@@ -3,8 +3,9 @@ import styled from 'styled-components';
import { Navbar } from '@blueprintjs/core'; import { Navbar } from '@blueprintjs/core';
/** /**
* @param {*} children * Form the topbar.
* @returns * @param {JSX.Element} children
* @returns {JSX.Element}
*/ */
export function FormTopbar({ className, children }) { export function FormTopbar({ className, children }) {
return <FormTopBarRoot className={className}>{children}</FormTopBarRoot>; return <FormTopBarRoot className={className}>{children}</FormTopBarRoot>;
@@ -12,7 +13,7 @@ export function FormTopbar({ className, children }) {
const FormTopBarRoot = styled(Navbar)` const FormTopBarRoot = styled(Navbar)`
box-shadow: 0 0 0; box-shadow: 0 0 0;
border-bottom: 2px solid #dce5ea; border-bottom: 1px solid #c7d5db;
height: 35px; height: 35px;
padding: 0 20px; padding: 0 20px;
@@ -22,11 +23,9 @@ const FormTopBarRoot = styled(Navbar)`
.bp3-navbar-divider { .bp3-navbar-divider {
border-left-color: #d2dce2; border-left-color: #d2dce2;
} }
.bp3-skeleton { .bp3-skeleton {
max-height: 10px; max-height: 10px;
} }
.bp3-button { .bp3-button {
&:hover { &:hover {
background: rgba(167, 182, 194, 0.12); background: rgba(167, 182, 194, 0.12);