Benjamin/LesRecettesDePapis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

un message

Browse Source
This commit is contained in:
Lycano
2026-03-27 12:02:17 +01:00
parent ea1149ba48
commit fce15dda39
3 changed files with 102 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
login.php
View File

@@ -15,7 +15,7 @@
<form id='user-infos-01' action='".$action."' method='post'> <form id='user-infos-01' action='".$action."' method='post'>
<div class='form-group'> <div class='form-group'>
<label for='logmsg'>Ben ! Trouve un truc</label> <label for='logmsg'>Se Connecter</label>
</div> </div>
<div class='form-group '> <div class='form-group '>
<input type='text' class='form-control' name='username' id='username' value='' placeholder="Pseudo"> <input type='text' class='form-control' name='username' id='username' value='' placeholder="Pseudo">

36
main.css
View File

@@ -99,17 +99,26 @@ body {
width: 128px; width: 128px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: scroll;
} }
.selected { .tag-cont {
flex: 1; /*display:none;*/
} }
.unselected { .ingr-cont {
/*display:none;*/
}
.tag-selected-div {
flex: 4; flex: 4;
} }
#sidebar-search { .tag-unselected-div {
flex: 4;
}
.sidebar-search {
flex: 1; flex: 1;
} }
@@ -143,19 +152,32 @@ nav {
background-color: #ffa04d; background-color: #ffa04d;
} }
.tag-unselected { .tag-selected:hover {
background-color: white; background-color: white;
} }
.tag-unselected {
background-color: white;
}
.tag-unselected:hover {
background-color: #ffa04d;
}
#hr {
border: 1px solid #0bbd90;
width: 93%;
box-shadow: 1px 3px 5px #0bbd90;
}
.main-body { .main-body {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
overflow: auto;
flex: 1; flex: 1;
background-clip: border-box; background-clip: border-box;
padding-right: 2%; padding-right: 2%;
padding-left: 2%; padding-left: 2%;
overflow: hidden;
} }
/* content : le cadre de base du centre de notre site /* content : le cadre de base du centre de notre site
@@ -167,7 +189,7 @@ nav {
height: 100%; height: 100%;
border: 1px solid rgba(0,0,0,.125); border: 1px solid rgba(0,0,0,.125);
border-radius: 6px; border-radius: 6px;
overflow: auto; overflow: scroll;
} }
/*Recettes : /*Recettes :

70
sidebar.php
View File

@@ -1,18 +1,74 @@
<h4>Filtres</h4> <script>
<div class="selected"> function test(){
let rep = window.confirm("continuer ?");
window.alert("rep " + rep);
}
</script>
<div class="tag-cont">
<h4>Tag</h4>
<div class="tag-selected-div">
<ul> <ul>
<li class="tag tag-selected">Tag 1</li> <li class="tag tag-selected">Tag 1</li>
<li class="tag tag-selected">Tag 2</li> <li class="tag tag-selected">Tag 2</li>
</ul> </ul>
</div> </div>
<form id="sidebar-search" action="none"> <form class="sidebar-search" action="none">
<input type="text" class="search-form search-form-tag" name="search-tag" placeholder="Rechercher..." > <input type="text" class="search-form search-form-tag" name="search-tag" placeholder="Rechercher..." >
</form> </form>
<div class="unselected"> <div class="tag-unselected-div">
<ul> <ul>
<li class="tag tag-unselected">Tag 1</li> <li class="tag tag-unselected" onclick="test()">Tag 1</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li>
<li class="tag tag-unselected">Tag 2</li> <li class="tag tag-unselected">Tag 2</li>
<li class="tag tag-unselected">Tag 3</li> <li class="tag tag-unselected">Tag 3</li>
<li class="tag tag-unselected">Tag 4</li> <li class="tag tag-unselected">Tag 4</li>
</ul> </ul>
</div>
</div>
<hr id="hr">
<div class="ingr-cont">
<h4>Ingrédient</h4>
<div class="tag-selected-div">
<ul>
<li class="tag tag-selected">ingr 1</li>
<li class="tag tag-selected">ingr 2</li>
</ul>
</div>
<form class="sidebar-search" action="none">
<input type="text" class="search-form search-form-tag" name="search-ingr" placeholder="Rechercher..." >
</form>
<div class="tag-unselected-div">
<ul>
<li class="tag tag-unselected" onclick="test()">ingr 1</li>
<li class="tag tag-unselected">ingr 2</li>
<li class="tag tag-unselected">ingr 3</li>
<li class="tag tag-unselected">ingr 4</li>
</ul>
</div>
</div> </div>