source: CookCraft-FrontEnd/CookCraft-FrontEnd-master/cookcraft-app/src/css/ProfileCss/orderHistory.module.css@ d7b7f00

Last change on this file since d7b7f00 was d7b7f00, checked in by Gorazd Biskoski <gorazdbiskoskii@…>, 4 weeks ago

Add project

  • Property mode set to 100644
File size: 1004 bytes
Line 
1.orderCard {
2 display: flex;
3 align-items: center;
4 margin-top: 30px;
5 border-radius: 10px;
6 border: 2px solid #e0a500;
7 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
8 padding: 10px;
9 height: auto;
10}
11
12.orderDescription {
13 flex-grow: 1;
14 overflow-y: hidden;
15 font-size: 12px;
16 margin-left: 12px;
17}
18
19.orderDescription strong {
20 margin-right: 2px;
21 margin-left: 3px;
22}
23
24.orderReviewButtons {
25 display: flex;
26 align-items: center;
27 justify-content: center;
28 padding: 0 10px;
29 height: 100%;
30 margin-bottom: 0;
31}
32
33.orderBtn {
34 cursor: pointer;
35 margin-right: 10px;
36}
37
38@media (max-width: 768px) {
39 .orderCard {
40 flex-direction: column;
41 padding: 15px;
42 }
43
44 .orderDescription {
45 font-size: 14px;
46 margin-left: 0;
47 margin-top: 10px;
48 }
49
50 .orderReviewButtons {
51 justify-content: flex-start;
52 padding: 0;
53 margin-top: 10px;
54 }
55
56 .orderBtn {
57 margin-right: 5px;
58 }
59}
Note: See TracBrowser for help on using the repository browser.