mirror of
https://forge.chapril.org/tykayn/caisse-bliss
synced 2025-10-09 17:02:47 +02:00
up styles, handle owner of products on controllers
This commit is contained in:
Tykayn
tykayn
parent
457cafdaef
commit
e973573fd7
33 changed files with 773 additions and 818 deletions
|
|
@ -1,7 +1,10 @@
|
|||
@use "sass:color";
|
||||
@use "../split/custom_vars";
|
||||
|
||||
#caisse-now {
|
||||
min-height: 90vh;
|
||||
width: 70vw;
|
||||
padding-left: 0;
|
||||
padding-left: 1vw;
|
||||
|
||||
.product-box {
|
||||
display: inline-block;
|
||||
|
|
@ -29,25 +32,25 @@
|
|||
-webkit-border-radius: 1rem;
|
||||
-moz-border-radius: 1rem;
|
||||
border-radius: 1rem;
|
||||
border-color: $all-text-color;
|
||||
border-color: custom_vars.$all-text-color;
|
||||
box-shadow: 5px 3px 10px 2px #ddd;
|
||||
border-width: 0;
|
||||
|
||||
&.btn-primary {
|
||||
background-color: $deepblue;
|
||||
background-color: custom_vars.$deepblue;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $lightblue;
|
||||
background: custom_vars.$lightblue;
|
||||
}
|
||||
}
|
||||
|
||||
.badge-default {
|
||||
background: $lightblue;
|
||||
background: custom_vars.$lightblue;
|
||||
}
|
||||
|
||||
.badge-success {
|
||||
background: mix(green, $lightblue);
|
||||
background: color.mix(green, custom_vars.$lightblue);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -87,7 +90,7 @@
|
|||
}
|
||||
|
||||
.category-listing {
|
||||
border: solid 1px $grey;
|
||||
border: solid 1px custom_vars.$grey;
|
||||
padding: 1rem;
|
||||
margin: 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
|
|
@ -132,4 +135,12 @@
|
|||
|
||||
#main_options {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#other_time,
|
||||
#categories_visibility {
|
||||
display: block;
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 5rem;
|
||||
min-height: 500px;
|
||||
}
|
||||
|
|
@ -41,9 +41,13 @@ form {
|
|||
padding: 1rem 2rem;
|
||||
border-radius: 0.5rem;
|
||||
border: solid 1px #ccc;
|
||||
background: blue;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button.delete-button {
|
||||
float: right;
|
||||
min-width: 20rem;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-remove-all {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
@use "../split/custom_vars";
|
||||
|
||||
body {
|
||||
background: #F5F5F5;
|
||||
font: 18px/1.5 sans-serif;
|
||||
|
|
@ -23,7 +25,7 @@ p {
|
|||
}
|
||||
|
||||
a {
|
||||
color: $primary;
|
||||
color: custom_vars.$primary;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
|
|
@ -127,10 +129,10 @@ code {
|
|||
}
|
||||
|
||||
.header-block {
|
||||
background: $darkblue;
|
||||
background: custom_vars.$darkblue;
|
||||
|
||||
.btn-default {
|
||||
color: $grey;
|
||||
color: custom_vars.$grey;
|
||||
}
|
||||
|
||||
.btn {
|
||||
|
|
@ -144,7 +146,7 @@ code {
|
|||
}
|
||||
|
||||
#menu-dashboard .nav .logo-home.btn-default {
|
||||
background: $darkblue;
|
||||
background: custom_vars.$darkblue;
|
||||
height: 52px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
|
@ -1,9 +1,10 @@
|
|||
@import '../split/custom_vars';
|
||||
@use "sass:color";
|
||||
@use '../split/custom_vars';
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: $all-text-color;
|
||||
color: custom_vars.$all-text-color;
|
||||
font-family: "Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 1rem;
|
||||
line-height: 2rem;
|
||||
|
|
@ -47,10 +48,9 @@ body {
|
|||
|
||||
#portfolio,
|
||||
#mainNav,
|
||||
.masthead,
|
||||
{
|
||||
padding-left: 300px !important;
|
||||
}
|
||||
.masthead {
|
||||
padding-left: 10vw !important;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-img {
|
||||
|
|
@ -74,23 +74,23 @@ body {
|
|||
}
|
||||
|
||||
.bg-color {
|
||||
background: $deepblue;
|
||||
color: $light;
|
||||
background: custom_vars.$deepblue;
|
||||
color: custom_vars.$light;
|
||||
|
||||
a {
|
||||
color: $lightblue;
|
||||
color: custom_vars.$lightblue;
|
||||
}
|
||||
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.logo-main {
|
||||
color: $logo-color;
|
||||
color: custom_vars.$logo-color;
|
||||
}
|
||||
|
||||
.big-footer {
|
||||
background: $dark;
|
||||
color: $light;
|
||||
background: custom_vars.$dark;
|
||||
color: custom_vars.$light;
|
||||
height: 10em;
|
||||
padding: 1em;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -102,8 +102,8 @@ body {
|
|||
}
|
||||
|
||||
thead {
|
||||
background: $darkblue;
|
||||
color: $light;
|
||||
background: custom_vars.$darkblue;
|
||||
color: custom_vars.$light;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
|
@ -191,13 +191,13 @@ input {
|
|||
}
|
||||
|
||||
#menu-dashboard {
|
||||
background: $dark;
|
||||
background: custom_vars.$dark;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
min-height: 100vh;
|
||||
width: 13vw;
|
||||
width: 10vw;
|
||||
min-width: 300px;
|
||||
overflow-x: auto;
|
||||
z-index: 10;
|
||||
|
|
@ -212,10 +212,10 @@ input {
|
|||
width: 100%;
|
||||
min-width: 300px;
|
||||
display: block;
|
||||
border-right: solid 2px mix($dark, $grey);
|
||||
border-right: solid 2px color.mix(custom_vars.$dark, custom_vars.$grey);
|
||||
|
||||
.btn {
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
}
|
||||
|
||||
.logo-home {
|
||||
|
|
@ -224,11 +224,11 @@ input {
|
|||
}
|
||||
|
||||
.btn-default {
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
|
||||
&:hover {
|
||||
background: mix($deepblue, $light);
|
||||
color: $dark;
|
||||
background: color.mix(custom_vars.$deepblue, custom_vars.$light);
|
||||
color: custom_vars.$dark;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
|
|
@ -242,7 +242,7 @@ input {
|
|||
i.fa {
|
||||
float: left;
|
||||
margin-right: 1em;
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -251,13 +251,13 @@ input {
|
|||
&:focus {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: $lightblue;
|
||||
color: custom_vars.$lightblue;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: $lightblue;
|
||||
color: custom_vars.$lightblue;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -271,7 +271,7 @@ input {
|
|||
}
|
||||
|
||||
.btn-success {
|
||||
background-color: $deepblue;
|
||||
background-color: custom_vars.$deepblue;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
|
|
@ -302,8 +302,8 @@ table td {
|
|||
}
|
||||
|
||||
input[type=submit] {
|
||||
background: $primary;
|
||||
color: $light;
|
||||
background: custom_vars.$primary;
|
||||
color: custom_vars.$light;
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
padding: 1em;
|
||||
|
|
@ -311,7 +311,7 @@ table td {
|
|||
width: 100%;
|
||||
|
||||
&:hover {
|
||||
background: $lightblue;
|
||||
background: custom_vars.$lightblue;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -324,6 +324,7 @@ table td {
|
|||
|
||||
#bodyland {
|
||||
min-height: 100vh;
|
||||
padding-bottom: 10rem;
|
||||
|
||||
.container {
|
||||
min-height: 90vh;
|
||||
|
|
|
|||
|
|
@ -1,7 +1,9 @@
|
|||
@use "../split/custom_vars";
|
||||
|
||||
.main-section {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
justify-content: center;
|
||||
|
||||
h1 {
|
||||
|
|
@ -9,7 +11,7 @@
|
|||
}
|
||||
|
||||
h2 {
|
||||
color: $light !important;
|
||||
color: custom_vars.$light !important;
|
||||
}
|
||||
|
||||
>div {
|
||||
|
|
@ -20,7 +22,7 @@
|
|||
}
|
||||
|
||||
.product-values {
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
padding: 4rem;
|
||||
padding-top: 25vh;
|
||||
}
|
||||
|
|
@ -32,7 +34,7 @@
|
|||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
color: $light;
|
||||
color: custom_vars.$light;
|
||||
}
|
||||
|
||||
font-size: 1.5rem;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,3 @@
|
|||
@import '~font-awesome/css/font-awesome.css';
|
||||
//@import '~bootstrap-sass/assets/stylesheets/bootstrap';
|
||||
@import '~intro.js/minified/introjs.min.css';
|
||||
@import '~intro.js/themes/introjs-dark.css';
|
||||
@import "~bootstrap/scss/bootstrap";
|
||||
@import '~intro.js/themes/introjs-dark.css';
|
||||
|
|
@ -3,187 +3,4 @@
|
|||
padding-left: 5em;
|
||||
}
|
||||
|
||||
#caisse-now {
|
||||
margin-left: -1em;
|
||||
}
|
||||
}
|
||||
|
||||
// @media all and(max-width: 1200px) {
|
||||
// #caisse-now{
|
||||
// margin-left: 0;
|
||||
// }
|
||||
// .big-footer{
|
||||
// padding-left: 0;
|
||||
// }
|
||||
// nav {
|
||||
// min-width: auto;
|
||||
// }
|
||||
// html, body {
|
||||
// font-size: 1.2rem;
|
||||
// }
|
||||
// .bg-shader {
|
||||
// height: 100%;
|
||||
// min-height: 100vh;
|
||||
// }
|
||||
// .product-values-block {
|
||||
// padding: 1em;
|
||||
// }
|
||||
|
||||
// #homepage {
|
||||
// .main-section {
|
||||
// padding: 2rem;
|
||||
// }
|
||||
|
||||
// .btn {
|
||||
// display: block;
|
||||
// width: 100%;
|
||||
// font-size: 1.25em;
|
||||
// }
|
||||
// }
|
||||
// #caisse-now {
|
||||
// .product-box {
|
||||
// width: 100%;
|
||||
// &.active{
|
||||
// .product-button{
|
||||
// background: greenyellow;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .product-button {
|
||||
// min-width: calc(100% - 56px)
|
||||
// }
|
||||
|
||||
// .listing-products {
|
||||
|
||||
// .btn, button {
|
||||
// font-size: 1rem;
|
||||
// padding: 0.2em;
|
||||
// border-radius: 0.3em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @media all and(max-width: 1200px) {
|
||||
|
||||
// #bodyland {
|
||||
// .container {
|
||||
// min-height: 100vh;
|
||||
// width: 80vw;
|
||||
// }
|
||||
// }
|
||||
// #menu-dashboard {
|
||||
// font-size: 1rem;
|
||||
// width: 19vw;
|
||||
// min-width: 200px;
|
||||
|
||||
// .nav {
|
||||
// min-width: 200px;
|
||||
// }
|
||||
// }
|
||||
|
||||
// form {
|
||||
// margin-top: 3em;
|
||||
|
||||
// select {
|
||||
// width: 100%;
|
||||
// margin: 1em 0;
|
||||
// }
|
||||
|
||||
// + ul {
|
||||
// margin-top: 1em;
|
||||
// list-style-type: none;
|
||||
|
||||
// a {
|
||||
// display: block;
|
||||
|
||||
// .fa {
|
||||
// margin-right: 1em;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// @media all and(max-width: 600px) {
|
||||
|
||||
// #menu_button{
|
||||
|
||||
// }
|
||||
// html, body {
|
||||
// font-size: 1rem;
|
||||
// }
|
||||
// #menu-dashboard .nav .logo-home.btn-default {
|
||||
// height: auto;
|
||||
// font-size: 2em;
|
||||
// }
|
||||
// #menu-dashboard {
|
||||
// width: 100vw;
|
||||
// visibility: hidden;
|
||||
|
||||
// &.shown {
|
||||
// visibility: visible;
|
||||
// }
|
||||
|
||||
// .nav {
|
||||
|
||||
// min-width: 200px;
|
||||
// min-height: 100vh;
|
||||
// overflow: auto;
|
||||
|
||||
// a {
|
||||
// font-size: 2rem;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .main-section > div {
|
||||
// padding-top: 0;
|
||||
// }
|
||||
// .product-values {
|
||||
// padding: 0;
|
||||
// }
|
||||
// .bigger-text, #homepage, .hint, .product-values-block {
|
||||
// font-size: 1.25rem;
|
||||
// line-height: 2rem;
|
||||
// }
|
||||
// .category-listing {
|
||||
// width: calc(100vw - 4rem);
|
||||
// height: 25vh;
|
||||
// min-height: auto;
|
||||
// float: left;
|
||||
// clear: both;
|
||||
// overflow: auto;
|
||||
// }
|
||||
// .sellings {
|
||||
// input {
|
||||
// width: 100%;
|
||||
// }
|
||||
// }
|
||||
// .client-now {
|
||||
// input {
|
||||
// width: 50%;
|
||||
// }
|
||||
// }
|
||||
// .sellings, .client-now {
|
||||
|
||||
// input {
|
||||
// font-size: 1.5rem;
|
||||
// padding: 0.5rem;
|
||||
// }
|
||||
// }
|
||||
// .big-footer {
|
||||
// font-size: 1rem;
|
||||
// }
|
||||
// #caisse-now .product-box {
|
||||
// margin-bottom: 0.25rem;
|
||||
// }
|
||||
// #caisse-now .listing-products button {
|
||||
// padding: 0.5rem 1rem;
|
||||
|
||||
// .express-button {
|
||||
// padding: 0.5rem 1rem;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue