diff options
Diffstat (limited to 'src/components/navbar/navbar.scss')
-rw-r--r-- | src/components/navbar/navbar.scss | 59 |
1 files changed, 59 insertions, 0 deletions
diff --git a/src/components/navbar/navbar.scss b/src/components/navbar/navbar.scss new file mode 100644 index 0000000..8173249 --- /dev/null +++ b/src/components/navbar/navbar.scss @@ -0,0 +1,59 @@ +/* OpenBills-web - Web based libre billing software + * Copyright (C) 2022 Vidhu Kant Sharma <vidhukant@vidhukant.xyz> + + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, either version 3 of the License, or + * (at your option) any later version. + + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU General Public License for more details. + + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <https://www.gnu.org/licenses/>. + */ + +@import "../../colors"; + +.navbar { + height: 4rem; + width: 100%; + box-sizing: border-box; + background-color: rgba($altBackgroundColor, 1); + position: relative; + + padding-left: 0.5rem; + padding-right: 0.5rem; + + display: flex; + align-items: center; + justify-content: space-between; + + .buttons { + flex: 1; + display: flex; + justify-content: right; + a { + margin-left: 0.3rem; + margin-right: 0.3rem; + color: $fgColor; + } + a.current { + color: $linkColor; + } + } + + .status { + flex: 2; + text-align: center; + } + + .logo { + flex: 1; + img { + height: 4rem; + } + } +} |