Skip to content
Extraits de code Groupes Projets
Vérifiée Valider 42354b7a rédigé par Sting's avatar Sting Validation de Kubat
Parcourir les fichiers

CLIENT: Navbar with search field

parent 738c87ad
Aucune branche associée trouvée
Aucune étiquette associée trouvée
2 requêtes de fusion!3Dev kubat,!1Create basic lib
Masquer les modifications d'espaces
En ligne Côte à côte
client/views/public.ejs
+ 4
− 5
Voir le fichier @ 42354b7a
...@@ -9,11 +9,10 @@ ...@@ -9,11 +9,10 @@
<body> <body>
<div id="mainFrame" class="container-fluid"> <div id="mainFrame" class="container-fluid">
<div id="headerBar" class="row"> <div id="headerBar" class="row">
<div class="card text-center"> <nav class="navbar navbar-expand-lg navbar-light bg-light">
<h2> <button id="navButton1" type="button" class="btn btn-primary">Button</button>
Public interface <input id="searchField" type="text" placeholder="Search">
</h2> </nav>
</div>
</div> </div>
<div id="panelWrapper" class="row"> <div id="panelWrapper" class="row">
<div id="mainList" class="col"> <div id="mainList" class="col">
......
style/css/public.css
+ 34
− 2
Voir le fichier @ 42354b7a
...@@ -13,7 +13,39 @@ body{ ...@@ -13,7 +13,39 @@ body{
#headerBar{ #headerBar{
flex-grow: 1; flex-grow: 1;
min-height: 15vh; min-height: 150px;
max-height: 15vh;
}
nav{
width: 100%;
margin: auto;
height: 100%;
padding: 0px!important;
display: flex;
flex-direction: row;
flex-wrap: nowrap!important;
}
#navButton1{
height: 100%!important;
margin: 10px 0 10px 0;
flex-basis: auto;
font-size: 2rem;
}
#searchField{
height: 100%!important;
margin: 10px 0 10px 0;
width: 100%;
min-width: 0px!important;
flex-grow: 1!important;
flex-shrink: 1!important;
font-size: 2rem;
line-height: 2rem;
} }
...@@ -35,5 +67,5 @@ body{ ...@@ -35,5 +67,5 @@ body{
} }
.karaCardHeader{ .karaCardHeader{
border-radius: 25px 25px 0 0; border-radius: 25px 25px 0px 0px!important;
} }
\ No newline at end of file
0% ou .
You are about to add 0 people to the discussion. Proceed with caution.
Terminez d'abord l'édition de ce message.
Veuillez vous inscrire ou vous pour commenter