Skip to content
Extraits de code Groupes Projets
Valider 9b483f32 rédigé par Lextrait's avatar Lextrait
Parcourir les fichiers

Super CSS trop beau sur register/login/logout=Home et Welcome

parent 4ce97826
Aucune branche associée trouvée
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Impossible d'afficher diff de source : il est trop volumineux. Options pour résoudre ce problème : voir le blob.
......@@ -39,7 +39,6 @@ use App\Tool;
<div class="top">
<ul>
<li><a href="{{ route('welcome') }}">Home</a></li>
<li><a href="{{ url('formulaire2') }}">Main</a></li>
</ul>
</div>
......
......@@ -19,11 +19,11 @@
<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
</head>
<body>
<body style="background-color:#212F3D;color:#D5D8DC;">
<div id="app">
<nav class="navbar navbar-expand-md navbar-light navbar-laravel">
<div class="container">
<a class="navbar-brand" href="{{ url('/') }}">
<nav class="navbar navbar-expand-md navbar-light navbar-laravel" style="background-color:#212F3D;border-bottom:5px solid grey;color:#D5D8DC;">
<div class="container" style="background-color:#212F3D;color:#D5D8DC;">
<a class="navbar-brand" href="{{ url('/') }}" style="color:#f2f2f2;">
Troc en trop
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
......@@ -41,16 +41,16 @@
<!-- Authentication Links -->
@guest
<li class="nav-item">
<a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
<a class="nav-link" href="{{ route('login') }}" style="color:#f2f2f2;">{{ __('Login') }}</a>
</li>
<li class="nav-item">
@if (Route::has('register'))
<a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
<a class="nav-link" href="{{ route('register') }}" style="color:#f2f2f2;">{{ __('Register') }}</a>
@endif
</li>
@else
<li class="nav-item dropdown">
<a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
<a id="navbarDropdown" style="color:#f2f2f2;" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
{{ Auth::user()->name }} <span class="caret"></span>
</a>
......@@ -72,7 +72,7 @@
</div>
</nav>
<main class="py-4">
<main class="py-4" style="color:black;">
@yield('content')
</main>
</div>
......
......@@ -38,9 +38,6 @@ Profil
<div class="top">
<ul>
<li><a href="{{ route('welcome') }}">Home</a></li>
<li><a href="{{ url('formulaire2') }}">Main</a></li>
<li><a href="<?php echo $linkaddobject; ?>">Ajouter un objet</a></li>
</ul>
</div>
<div class="side">
......@@ -48,6 +45,7 @@ Profil
<li><a href="#coordonnees">Coordonnées</a></li>
<li><a href="#liste_outils">Liste d'outils</a></li>
<li><a href="#edit">Édition</a></li>
<li><a href="<?php echo $linkaddobject; ?>">Ajouter un objet</a></li>
</ul>
</div>
<article>
......
......@@ -12,35 +12,143 @@
<!-- Styles -->
<style>
html, body {
background-color: #fff;
color: #636b6f;
body {
background-color : #212F3D;
color: #D5D8DC;
font-family: 'Nunito', sans-serif;
font-weight: 200;
height: 100vh;
}
.demande {
border-radius: 5px 50px 50px 5px; /*arrondi pour les bordures top right bot left */
margin: 25px 50% 25px 25px; /* taille du bloc => pas collé et moitié de la page */
background-color: rgba(102,102,255,0.3); /* couleur style rvb opacity */
padding: 0px 30px 2px 0px; /* top right bot left => écart à droite pour pas sortir de l'arrondi */
}
.author { /*pour le champ auteur */
font-size: 30px; /*grossissement du nom */
margin: 0px; /* coller le titre au reste */
}
.date{ /*pour le champ date*/
color: #ABB2B9;
margin-left: 10px; /* écarter du nom */
font-size: 15px;
}
.form{
background-color: #566573;
color: #D5D8DC;
}
.offre {
margin: 25px 25px 25px 50%;
border-radius: 50px 5px 5px 50px;
background-color: rgba(153,0,51,0.3);
padding: 0px 0px 2px 30px;
}
.top ul { /*barre de navigation du haut*/
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #212F3D;
position: fixed;
top: 0;
width: 100%;
border-bottom: 5px solid grey;
}
.top li {
float: right;
}
.top a,.side a{ /*lien dans barre de navigation*/
display: block;
color: #f2f2f2;
background-color: #686868;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 21px;
}
.top a:hover,.side a:hover{
display: block;
color: white;
background-color: #a8a6a6;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 21px;
}
.side ul { /*sidebar*/
list-style-type: none;
margin: 0;
padding: 0;
width: 20%;
background-color: #212F3D;
position: fixed;
height: 100%;
overflow: auto;
top: 60px;
}
.full-height {
height: 100vh;
/* Le contenu des pages */
article{
float: right;
width: 75%;
margin-left: 10px;
margin-top: 60px;
padding-left: 15px;
border-left: 5px solid grey
}
.flex-center {
align-items: center;
display: flex;
justify-content: center;
.column {
float: left;
width: 33%;
background-color: lightblue;
color: black;
}
.column2{
float: left;
width: 33%;
background-color: pink;
margin-left: .5%;
margin-right: .5%;
color:black;
}
.row:after {
content: "";
display: table;
clear: both;
}
.position-ref {
position: relative;
.case{
background-color: lightblue;
text-align: justify;
}
.top-right {
position: absolute;
right: 10px;
top: 18px;
@media screen and (max-width: 600px) {
.column{
width: 100%;
}
.column2{
width: 100%;
margin-bottom: 20px;
margin-top: 20px;
}
}
.content {
text-align: center;
}
......@@ -49,17 +157,8 @@
font-size: 84px;
}
.links > a {
color: #636b6f;
padding: 0 25px;
font-size: 12px;
font-weight: 600;
letter-spacing: .1rem;
text-decoration: none;
text-transform: uppercase;
}
.m-b-md {
margin-top: 150px;
margin-bottom: 30px;
}
</style>
......@@ -67,24 +166,23 @@
<body>
<div class="flex-center position-ref full-height">
@if (Route::has('login'))
<div class="top-right links">
<div class="top">
@auth
<?php
$user = Auth::user();
$linkprofil = 'http://localhost:8000/profil/' . $user->id;
?>
<a href="{{ url('/home') }}">Home</a>
<a href="<?php echo $linkprofil; ?>">Profil</a>
<ul>
<li><a href="{{ url('/home') }}">Home</a></li>
<li><a href="<?php echo $linkprofil; ?>">Profil</a></li>
<li><a href="{{ url('formulaire2') }}">Main</a></li>
</ul>
@else
<!--<<<<<<< HEAD
=======
-->
<!-- <a href="{{ url('profil{user}') }}">Profil</a>-->
<!--
>>>>>>> 99bc96e3fa4d6d8d5d72ad521eacca81df446152
-->
<a href="{{ route('login') }}">Login</a>
<a href="{{ route('register') }}">Register</a>
<ul>
<li><a href="{{ route('login') }}">Login</a></li>
<li><a href="{{ route('register') }}">Register</a></li>
<li><a href="{{ url('formulaire2') }}">Main</a></li>
</ul>
@endauth
</div>
@endif
......@@ -95,23 +193,7 @@
</div>
<div class="links">
<!--
<a href="https://laravel.com/docs">Documentation</a>
<a href="https://laracasts.com">Laracasts</a>
<a href="https://laravel-news.com">News</a>
<a href="https://nova.laravel.com">Nova</a>
<a href="https://forge.laravel.com">Forge</a>
<a href="https://github.com/laravel/laravel">GitHub</a>
-->
<a href="{{ url('formulaire2') }}">Main</a>
<!--
<<<<<<< HEAD
=======
-->
<!-- <a href="{{ url('profil/{user}') }}">Profil</a> -->
<!--
>>>>>>> 99bc96e3fa4d6d8d5d72ad521eacca81df446152
-->
</div>
</div>
</div>
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter