Respo
This commit is contained in:
Roman Pyrih
9
layout/style-scss/.htaccess
Normal file
9
layout/style-scss/.htaccess
Normal file
@@ -0,0 +1,9 @@
|
||||
|
||||
<IfModule mod_rewrite.c>
|
||||
RewriteEngine On
|
||||
RewriteBase /
|
||||
RewriteRule ^index\.php$ - [L]
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule . /index.php [L]
|
||||
</IfModule>
|
||||
@@ -254,8 +254,15 @@ body {
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
|
||||
.tickets {
|
||||
.tickets_calendar {
|
||||
margin-top: 100px;
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.tickets {
|
||||
// margin-top: 100px;
|
||||
// margin-top: 50px;
|
||||
margin-bottom: 50px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -287,6 +294,11 @@ body {
|
||||
.title {
|
||||
font-weight: 800;
|
||||
font-size: 46px;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 36px;
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
@@ -339,6 +351,13 @@ body {
|
||||
.ticket__name {
|
||||
font-size: 46px;
|
||||
font-weight: 800;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 32px;
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
.description {
|
||||
@@ -354,6 +373,20 @@ body {
|
||||
font-weight: 800;
|
||||
text-transform: uppercase;
|
||||
text-decoration: underline;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(md) {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
@include respond-below(xs) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -363,12 +396,26 @@ body {
|
||||
margin-left: 40px;
|
||||
font-weight: 800;
|
||||
min-width: 138px;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 36px;
|
||||
min-width: 130px;
|
||||
}
|
||||
@include respond-below(sm) {
|
||||
margin-left: 0;
|
||||
min-width: unset;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//przyciski
|
||||
.ticket-quantity {
|
||||
margin-left: 30px;
|
||||
|
||||
@include respond-below(sm) {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.button {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@@ -383,6 +430,14 @@ body {
|
||||
padding: 0 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
flex-direction: column;
|
||||
row-gap: 15px;
|
||||
}
|
||||
@include respond-below(xs) {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -496,6 +551,14 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.shopping-cart-container {
|
||||
&--active {
|
||||
.shopping-cart {
|
||||
opacity: 1;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
//shoping cart
|
||||
.shopping-cart {
|
||||
opacity: 0;
|
||||
@@ -513,10 +576,15 @@ body {
|
||||
width: 230px;
|
||||
padding: 20px 0;
|
||||
transition: opacity 0.2s;
|
||||
transform: translateX(100%);
|
||||
|
||||
// border: 1px solid $base-font-color;
|
||||
&--active {
|
||||
opacity: 1;
|
||||
// &--active {
|
||||
// opacity: 1;
|
||||
// transform: translateX(0);
|
||||
// }
|
||||
&.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.basket {
|
||||
@@ -537,6 +605,8 @@ body {
|
||||
border-right: 1px solid $base-font-color;
|
||||
border-left: 1px solid $base-font-color;
|
||||
// border: 1px solid $base-font-color;
|
||||
max-height: calc(90svh - 400px);
|
||||
overflow: auto;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
@@ -617,6 +687,50 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.mobile-cart-btn {
|
||||
position: fixed;
|
||||
bottom: 50px;
|
||||
right: 0;
|
||||
opacity: 1;
|
||||
z-index: 10;
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
background-color: #72b81b;
|
||||
padding: 20px 15px 15px 15px;
|
||||
transition: all 250ms ease-in-out;
|
||||
cursor: pointer;
|
||||
|
||||
// @media (min-width: 1300px) {
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
&.hide {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
right: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 5px;
|
||||
background: #fff;
|
||||
border-radius: 100%;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
line-height: 1;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mobile-cart-btn--img {
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//* Basket - "page"
|
||||
#basket_page {
|
||||
.basket_content {
|
||||
@@ -630,6 +744,7 @@ body {
|
||||
table {
|
||||
width: 100%;
|
||||
background: $cWhite;
|
||||
border-collapse: collapse;
|
||||
|
||||
tr {
|
||||
text-align: center;
|
||||
@@ -641,18 +756,33 @@ body {
|
||||
h3 {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 800;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 8px;
|
||||
|
||||
@include respond-below(md) {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.btn_t1 {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
transition: 150ms ease-in-out;
|
||||
background: rgb(240, 240, 240);
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
|
||||
i {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.btn_t1.add {
|
||||
@@ -678,6 +808,65 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include respond-below(sm) {
|
||||
background: transparent;
|
||||
|
||||
thead,
|
||||
tbody,
|
||||
th,
|
||||
td,
|
||||
tr {
|
||||
display: block;
|
||||
}
|
||||
|
||||
tbody {
|
||||
> tr {
|
||||
&:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
thead {
|
||||
display: none; /* Приховуємо заголовки */
|
||||
}
|
||||
|
||||
tr {
|
||||
margin-bottom: 15px;
|
||||
border: 1px solid #ddd;
|
||||
padding: 10px;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
td {
|
||||
position: relative;
|
||||
padding-left: 50%;
|
||||
text-align: right;
|
||||
border: none;
|
||||
min-height: 38px;
|
||||
padding-left: 140px !important;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
}
|
||||
|
||||
td::before {
|
||||
content: attr(data-label);
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 50%;
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
transform: translateY(-50%);
|
||||
|
||||
@include respond-below(xs) {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -912,8 +1101,8 @@ body {
|
||||
|
||||
th {
|
||||
padding: 15px 10px;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 800;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
@@ -922,6 +1111,8 @@ body {
|
||||
tbody {
|
||||
tr {
|
||||
td {
|
||||
font-size: 14px;
|
||||
|
||||
&.edit-btn {
|
||||
a {
|
||||
margin-left: 20px;
|
||||
@@ -1195,3 +1386,30 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#dateForm {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 15px;
|
||||
flex-wrap: wrap;
|
||||
|
||||
._title {
|
||||
width: 100%;
|
||||
font-weight: 600;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.basket_protection {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
justify-content: flex-end;
|
||||
margin: 10px auto;
|
||||
text-align: right;
|
||||
|
||||
p {
|
||||
margin-bottom: 0;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user