rework styles with scss

1 files changed, 12 insertions, 12 deletions

diff --git a/src/web/_views/header.php b/src/web/_views/header.php
index 98fcf81..7315afb 100644
--- a/src/web/_views/header.php
+++ b/src/web/_views/header.php
@@ -2,16 +2,16 @@
 <?php /* vim: syntax=php */ ?>
 <?php
 	$self = $this->main->user();
-	$this->view('header_empty', $data);
+	$this->view('head', $data);
 ?>
-		<header class="nav">
-			<div class="nav-left">
+		<header id="header">
+			<div class="left">
 				<span class="logo">xssbook</span>
 			</div>
-			<div class="nav-center" :class="{hidden: !visible}">
+			<div class="center" :class="{hidden: !visible}">
 				<a
 					id="action-home"
-					class="btn<?=$this->main->info['app'] == 'home' ? ' btn-blue btn-border' : ''?>"
+					class="btn <?=$this->main->info['app'] == 'home' ? 'btn-primary btn-border' : ''?>"
 					href="/home"
 					title="<?=ucfirst(lang('action_home_tip'))?>"
 				>
@@ -20,7 +20,7 @@
 				</a>
 				<a
 					id="action-people"
-					class="btn<?=$this->main->info['app'] == 'people' ? ' btn-blue btn-border' : ''?>"
+					class="btn <?=$this->main->info['app'] == 'people' ? 'btn-primary btn-border' : ''?>"
 					href="/people"
 					title="<?=ucfirst(lang('action_people_tip'))?>"
 				>
@@ -29,7 +29,7 @@
 				</a>
 				<!--a
 					id="action-chat"
-					class="btn<?=$this->main->info['app'] == 'chat' ? ' btn-blue btn-border' : ''?>"
+					class="btn <?=$this->main->info['app'] == 'chat' ? 'btn-primary btn-border' : ''?>"
 					href="/chat"
 					title="<?=lang('action_chat_tip')?>"
 				>
@@ -37,7 +37,7 @@
 					<span><?=lang('action_chat_text')?></span>
 				</a-->
 			</div>
-			<div class="nav-right">
+			<div class="right">
 				<button
 					id="action-hamburger"
 					title="<?=ucfirst(lang('action_hamburger_tip'))?>"
@@ -55,11 +55,11 @@
 				</script>
 				<?=pfp($self, FALSE, 'toggleUserMenu()')?>
 				<div class="card col hidden" id="user-menu">
-					<span class="row mr" id="user-menu-header">
+					<span class="user-menu-header row mr">
 						<?=pfp($self, FALSE)?>
 						<span class="col">
 							<strong><?=$this->format_model->name($self)?></strong>
-							<span class="dim"><?=$self['username']?></span>
+							<span class="subtext"><?=$self['username']?></span>
 						</span>
 					</span>
 					<hr>
@@ -99,14 +99,14 @@
 					});
 				})
 				$('#action-hamburger').on('click', function() {
-					let menu = $('.nav-center');
+					let menu = $('.center');
 					menu.toggleClass('visible');
 				});
 			</script>
 		</header>
 		<script>
 			userMenu = $('#user-menu');
-			var nav = $('.nav');
+			var nav = $('header#header');
 			document.onclick = function(event) {
 				let outside = !(nav[0].contains(event.target));
 				if (outside) {