source: phonelux-frontend/src/components/EditOfferComponent/EditOfferComponent.css

Last change on this file was d66b8eb, checked in by Marko <Marko@…>, 22 months ago

Component for editing offers added

  • Property mode set to 100644
File size: 2.0 KB
Line 
1.edit-offer-table th{
2 text-align: center;
3 font-size: 38px;
4 padding: 20px;
5}
6
7.edit-offer-component-main{
8 width: 100%;
9}
10
11.edit-offer-table thead tr{
12 background-color: #a6c9ab;
13}
14
15.edit-offer-table-row:nth-of-type(even){
16 background-color: #eef2f0;
17}
18
19.edit-offer-table-row{
20 border: 1px solid gainsboro;
21}
22
23.edit-offer-table{
24 border-collapse: collapse;
25 width: 80%;
26 table-layout: fixed;
27}
28
29.edit-offer-table-row td{
30 text-align: center;
31 word-wrap: break-word;
32 font-size: 22px;
33 padding: 20px;
34}
35
36.edit-offer-table-wrapper{
37 display: flex;
38 justify-content: center;
39 margin-top: 30px;
40 margin-bottom: 50px;
41}
42
43.edit-offer-textarea{
44 max-width: 100%;
45 min-width: 100%;
46 font-size: 22px;
47}
48
49.edit-offer-price-input{
50 width: 20%;
51 font-size: 22px;
52 background-color: rgb(238, 240, 238);
53 border: 1px solid black;
54 text-align: center;
55
56}
57
58.edit-offer-price-span{
59 margin-left: 10px;
60}
61
62.edit-offer-table-textarea{
63 max-width: 100%;
64 min-width: 100%;
65 max-height: 100px;
66 min-height: 100px;
67 background-color: rgb(230, 232, 230);
68 font-size: 22px;
69 text-align: center;
70
71}
72
73.edit-offer-submit-button{
74 font-size: 20px;
75 padding: 10px;
76 background-color: #B6E2C8;
77 border-radius: 20px;
78 border: 1px solid black;
79 width: 20%;
80 margin-bottom: 50px;
81 margin-right: 130px;
82}
83
84
85.edit-offer-submit-button:hover{
86 cursor: pointer;
87 background-color: rgb(166, 201, 171);
88 box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
89 transition: box-shadow 0.5s, background-color 0.5s ;
90}
91
92.edit-offer-button-wrapper{
93 margin-top: -25px;
94 display: flex;
95 justify-content: end;
96}
97
98.edit-offer-offerimage{
99 width: 40%;
100 height: 40%;
101 display: block;
102}
103
104.edit-offer-imageurl-input{
105 width: 80%;
106 font-size: 22px;
107 background-color: rgb(238, 240, 238);
108 border: 1px solid black;
109 text-align: center;
110 padding: 5px;
111}
112
113.edit-offer-offerimage-wrapper{
114 display: flex;
115 width: 100%;
116 justify-content: center;
117}
Note: See TracBrowser for help on using the repository browser.