Skip to content
Snippets Groups Projects
Commit 16333dff authored by GeoffreyPorayko's avatar GeoffreyPorayko
Browse files

style correction

parents 1b83e4c8 e685c98b
No related branches found
No related tags found
No related merge requests found
...@@ -4,39 +4,55 @@ ...@@ -4,39 +4,55 @@
# This specific template is located at: # This specific template is located at:
# https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/PHP.gitlab-ci.yml # https://gitlab.com/gitlab-org/gitlab/-/blob/master/lib/gitlab/ci/templates/PHP.gitlab-ci.yml
# Select image from https://hub.docker.com/_/php/ build:php:
image: php:latest # Select image from https://hub.docker.com/_/php/
image: php:latest
# Select what we should cache between builds
cache: # Select what we should cache between builds
paths: cache:
- vendor/ paths:
- vendor/
before_script:
- apt-get update -yqq before_script:
- apt-get install -yqq git libpq-dev libcurl4-gnutls-dev libicu-dev libvpx-dev libjpeg-dev libpng-dev libxpm-dev zlib1g-dev libfreetype6-dev libxml2-dev libexpat1-dev libbz2-dev libgmp3-dev libldap2-dev unixodbc-dev libsqlite3-dev libaspell-dev libsnmp-dev libpcre3-dev libtidy-dev libonig-dev libzip-dev - apt-get update -yqq
# Install PHP extensions - apt-get install -yqq git libpq-dev libcurl4-gnutls-dev libicu-dev libvpx-dev libjpeg-dev libpng-dev libxpm-dev zlib1g-dev libfreetype6-dev libxml2-dev libexpat1-dev libbz2-dev libgmp3-dev libldap2-dev unixodbc-dev libsqlite3-dev libaspell-dev libsnmp-dev libpcre3-dev libtidy-dev libonig-dev libzip-dev
- docker-php-ext-install mbstring pdo_pgsql curl intl gd xml zip bz2 opcache # Install PHP extensions
# Install & enable Xdebug for code coverage reports - docker-php-ext-install pdo pdo_mysql
- pecl install xdebug # Install & enable Xdebug for code coverage reports
- docker-php-ext-enable xdebug - pecl install xdebug
# Install and run Composer - docker-php-ext-enable xdebug
- curl -sS https://getcomposer.org/installer | php # Install and run Composer
- php composer.phar install - curl -sS https://getcomposer.org/installer | php
- php composer.phar install
# Bring in any services we need http://docs.gitlab.com/ee/ci/docker/using_docker_images.html#what-is-a-service
# See http://docs.gitlab.com/ee/ci/services/README.html for examples. # Bring in any services we need http://docs.gitlab.com/ee/ci/docker/using_docker_images.html#what-is-a-service
services: # See http://docs.gitlab.com/ee/ci/services/README.html for examples.
- mysql:5.7 services:
- mysql:5.7
# Set any variables we need
variables: # Set any variables we need
variables:
# Configure mysql environment variables (https://hub.docker.com/r/_/mysql/) # Configure mysql environment variables (https://hub.docker.com/r/_/mysql/)
MYSQL_DATABASE: lehangarlocal MYSQL_DATABASE: lehangarlocal
MYSQL_ROOT_PASSWORD: ''
# Run our tests # Run our tests
# If Xdebug was installed you can generate a coverage report and see code coverage metrics. # If Xdebug was installed you can generate a coverage report and see code coverage metrics.
lint: script:
script: - ./vendor/bin/phplint
./vendor/bin/phplint
build:node:
image: node:latest
# This folder is cached between builds
# https://docs.gitlab.com/ee/ci/yaml/index.html#cache
cache:
paths:
- node_modules/
before_script:
- npm ci
script:
- npx stylelint "**/*.css"
- npx stylelint "**/*.scss"
{
"extends": [
"stylelint-config-standard",
"stylelint-config-standard-scss"
],
"rules": {
"selector-class-pattern": null,
"selector-id-pattern": null,
"property-no-vendor-prefix": null
}
}
\ No newline at end of file
...@@ -40,7 +40,11 @@ ...@@ -40,7 +40,11 @@
body { body {
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
overflow-x: hidden; overflow-x: hidden;
background: radial-gradient(white, rgb(184 184 184 / 70%)); background: radial-gradient(white, rgb(184 184 184));
display: grid;
grid-template-columns: 100%;
grid-template-rows: 100%;
overflow-y: auto;
} }
/* Chrome, Safari, Edge, Opera */ /* Chrome, Safari, Edge, Opera */
...@@ -52,7 +56,7 @@ input::-webkit-inner-spin-button { ...@@ -52,7 +56,7 @@ input::-webkit-inner-spin-button {
/* Firefox */ /* Firefox */
input[type="number"] { input[type="number"] {
-moz-appearance:textfield; -moz-appearance: textfield;
appearance: textfield; appearance: textfield;
} }
...@@ -101,12 +105,15 @@ nav ul li a { ...@@ -101,12 +105,15 @@ nav ul li a {
.container { .container {
margin-top: 1%; margin-top: 1%;
margin-bottom: 1%;
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, 320px); grid-template-columns: repeat(auto-fill, 320px);
grid-gap: 10px; grid-gap: 10px;
grid-auto-rows: minmax(320px, auto); grid-auto-rows: minmax(320px, auto);
justify-content: center; justify-content: center;
background-color: rgb(0 0 0 / 0%); background-color: rgba(0, 0, 0, 0%);
max-height: 100%;
position: relative;
} }
.container-detail { .container-detail {
...@@ -433,6 +440,55 @@ html body .content #list-toggle:checked + label::after { ...@@ -433,6 +440,55 @@ html body .content #list-toggle:checked + label::after {
border: 1.5px solid var(--first-color); border: 1.5px solid var(--first-color);
} }
/* table list */
.list{
display: grid;
justify-content: center;
}
.titreListe{
text-align: center;
display:table-cell;
vertical-align: middle;
margin: 0 0 0 0;
background-color: white;
height: 10vh;
width: 100vw;
box-shadow: 3px 2px 3px 1px rgb(0 0 0 / 20%);
}
.page{
display: inline-flex;
justify-content:flex-end;
}
.page i{
color: black;
}
.page i:hover{
color: grey;
}
.list table{
width: 80vw;
margin-top: 6%;
border-collapse: collapse;
}
.list table tr:nth-child(2n){
background: lightgrey;
}
.list td img{
height: 50px;
}
.list td{
border: none;
}
/* ~~~~~~~~~~~~~~~~~~~~ Media Query starts ~~~~~~~~~~~~~~~~~~~~~ */ /* ~~~~~~~~~~~~~~~~~~~~ Media Query starts ~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 634px) { @media (max-width: 634px) {
a:hover { a:hover {
......
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<script src="./js/main.js" defer></script>
<title></title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Produits</a></li>
<li><a href="#">Producteurs</a></li>
<li><a href="#">Panier</a></li>
</ul>
<label class="logo">LeHangar</label>
</nav>
</header>
<h1 class="titreListe">Liste des producteurs</h1>
<div class="list">
<table class="border">
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr><tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
<tr>
<td><img src="https://www.villa-thermae.fr/wp-content/uploads/2017/04/profile-icon-9.png" alt=""></td>
<td>Jean-luc Dupont</td>
<td>description</td>
<td><a href="#">mail</a></td>
<td><a href="#">à propos</a></td>
</tr>
</table>
<div class="page mt-2 mr-2">
<a href="#"><i class="fas fa-arrow-left mr-2"></i></a><p>page 1</p><a href="#"><i class="fas fa-arrow-right ml-2"></i></a>
</div>
</div>
</body>
</html>
This diff is collapsed.
{
"dependencies": {},
"devDependencies": {
"stylelint": "^14.0.1",
"stylelint-config-standard": "^23.0.0",
"stylelint-config-standard-scss": "^2.0.1"
},
"repository": {
"type": "git",
"url": "https://gitlab.univ-lorraine.fr/hohler3u/atelier_1.git"
}
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment