Skip to content
This repository was archived by the owner on Mar 7, 2023. It is now read-only.

Commit 6450a6f

Browse files
author
TsunaMiNi
committed
SidebarV2
1 parent a906e39 commit 6450a6f

File tree

144 files changed

+19150
-144
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

144 files changed

+19150
-144
lines changed

‎Admin/AdminScreenMain.php

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,9 @@
44
<html>
55
<title>AdminScreen</title>
66
<meta name="viewport" content="width=device-width, initial-scale=1">
7-
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
87

98
<body>
10-
<?php include('../Sidebar/Sidebar.php'); ?>
9+
1110
</body>
1211

1312
</html>

‎CSS/Staff.css

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -9,22 +9,23 @@ Header {
99

1010

1111
table {
12+
border-spacing: 1;
1213
border-collapse: collapse;
14+
background: white;
15+
border-radius: 10px;
16+
overflow: hidden;
1317
width: 100%;
14-
}
15-
th,
16-
td {
18+
margin: 0 auto;
19+
position: relative;
20+
}
21+
22+
th, td {
23+
padding: 8px;
1724
text-align: left;
18-
padding: 15px;
19-
border-top-style: solid ;
20-
border-bottom-style: solid ;
21-
border-width: 2px;
22-
border-left-style: solid;
23-
}
24-
th {
25-
background-color:rgb(221, 221, 221);
26-
font-size: 18px;
27-
}
25+
border-bottom: 1px solid #ddd;
26+
}
27+
28+
tr:hover {background-color:#f5f5f5;}
2829

2930
.register{
3031
margin: 10px auto 0px;
@@ -113,3 +114,7 @@ select{
113114
text-align: center;
114115
font-size: 35px;
115116
}
117+
.ImgDelete{
118+
width: 20px;
119+
height: 27px;
120+
}

‎CSS/test.css

Lines changed: 306 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,306 @@
1+
2+
3+
/*//////////////////////////////////////////////////////////////////
4+
[ FONT ]*/
5+
6+
7+
@font-face {
8+
font-family: OpenSans-Regular;
9+
src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
10+
}
11+
12+
13+
14+
/*//////////////////////////////////////////////////////////////////
15+
[ RESTYLE TAG ]*/
16+
* {
17+
margin: 0px;
18+
padding: 0px;
19+
box-sizing: border-box;
20+
}
21+
22+
body, html {
23+
height: 100%;
24+
font-family: sans-serif;
25+
}
26+
27+
/* ------------------------------------ */
28+
a {
29+
margin: 0px;
30+
transition: all 0.4s;
31+
-webkit-transition: all 0.4s;
32+
-o-transition: all 0.4s;
33+
-moz-transition: all 0.4s;
34+
}
35+
36+
a:focus {
37+
outline: none !important;
38+
}
39+
40+
a:hover {
41+
text-decoration: none;
42+
}
43+
44+
/* ------------------------------------ */
45+
h1,h2,h3,h4,h5,h6 {margin: 0px;}
46+
47+
p {margin: 0px;}
48+
49+
ul, li {
50+
margin: 0px;
51+
list-style-type: none;
52+
}
53+
54+
55+
/* ------------------------------------ */
56+
input {
57+
display: block;
58+
outline: none;
59+
border: none !important;
60+
}
61+
62+
textarea {
63+
display: block;
64+
outline: none;
65+
}
66+
67+
textarea:focus, input:focus {
68+
border-color: transparent !important;
69+
}
70+
71+
/* ------------------------------------ */
72+
button {
73+
outline: none !important;
74+
border: none;
75+
background: transparent;
76+
}
77+
78+
button:hover {
79+
cursor: pointer;
80+
}
81+
82+
iframe {
83+
border: none !important;
84+
}
85+
86+
87+
88+
89+
/*//////////////////////////////////////////////////////////////////
90+
[ Utiliti ]*/
91+
92+
93+
94+
95+
96+
97+
/*//////////////////////////////////////////////////////////////////
98+
[ Table ]*/
99+
100+
.limiter {
101+
width: 100%;
102+
margin: 0 auto;
103+
}
104+
105+
.container-table100 {
106+
width: 100%;
107+
min-height: 100vh;
108+
background: #97e5f3;
109+
background: -webkit-linear-gradient(45deg, #8ae2f8, #97e5f3);
110+
background: -o-linear-gradient(45deg,#8ae2f8,#97e5f3);
111+
background: -moz-linear-gradient(45deg, #8ae2f8, #97e5f3);
112+
background: linear-gradient(45deg, #4dcff0,#97e5f3);
113+
114+
display: -webkit-box;
115+
display: -webkit-flex;
116+
display: -moz-box;
117+
display: -ms-flexbox;
118+
display: flex;
119+
align-items: center;
120+
justify-content: center;
121+
flex-wrap: wrap;
122+
padding: 33px 30px;
123+
}
124+
125+
.wrap-table100 {
126+
width: 1170px;
127+
}
128+
129+
table {
130+
border-spacing: 1;
131+
border-collapse: collapse;
132+
background: white;
133+
border-radius: 10px;
134+
overflow: hidden;
135+
width: 100%;
136+
margin: 0 auto;
137+
position: relative;
138+
}
139+
table * {
140+
position: relative;
141+
}
142+
table td, table th {
143+
padding-left: 8px;
144+
}
145+
table thead tr {
146+
height: 60px;
147+
background: #36304a;
148+
}
149+
table tbody tr {
150+
height: 50px;
151+
}
152+
table tbody tr:last-child {
153+
border: 0;
154+
}
155+
table td, table th {
156+
text-align: left;
157+
}
158+
table td.l, table th.l {
159+
text-align: right;
160+
}
161+
table td.c, table th.c {
162+
text-align: center;
163+
}
164+
table td.r, table th.r {
165+
text-align: center;
166+
}
167+
168+
169+
.table100-head th{
170+
font-family: OpenSans-Regular;
171+
font-size: 18px;
172+
color: #fff;
173+
line-height: 1.2;
174+
font-weight: unset;
175+
}
176+
177+
tbody tr:nth-child(even) {
178+
background-color: #f5f5f5;
179+
}
180+
181+
tbody tr {
182+
font-family: OpenSans-Regular;
183+
font-size: 15px;
184+
color: #808080;
185+
line-height: 1.2;
186+
font-weight: unset;
187+
}
188+
189+
tbody tr:hover {
190+
color: #555555;
191+
background-color: #f5f5f5;
192+
cursor: pointer;
193+
}
194+
195+
.column1 {
196+
width: 260px;
197+
padding-left: 40px;
198+
}
199+
200+
.column2 {
201+
width: 160px;
202+
}
203+
204+
.column3 {
205+
width: 245px;
206+
}
207+
208+
.column4 {
209+
width: 110px;
210+
text-align: right;
211+
}
212+
213+
.column5 {
214+
width: 170px;
215+
text-align: right;
216+
}
217+
218+
.column6 {
219+
width: 222px;
220+
text-align: right;
221+
padding-right: 62px;
222+
}
223+
224+
225+
@media screen and (max-width: 992px) {
226+
table {
227+
display: block;
228+
}
229+
table > *, table tr, table td, table th {
230+
display: block;
231+
}
232+
table thead {
233+
display: none;
234+
}
235+
table tbody tr {
236+
height: auto;
237+
padding: 37px 0;
238+
}
239+
table tbody tr td {
240+
padding-left: 40% !important;
241+
margin-bottom: 24px;
242+
}
243+
table tbody tr td:last-child {
244+
margin-bottom: 0;
245+
}
246+
table tbody tr td:before {
247+
font-family: OpenSans-Regular;
248+
font-size: 14px;
249+
color: #999999;
250+
line-height: 1.2;
251+
font-weight: unset;
252+
position: absolute;
253+
width: 40%;
254+
left: 30px;
255+
top: 0;
256+
}
257+
table tbody tr td:nth-child(1):before {
258+
content: "ชื่อ";
259+
}
260+
table tbody tr td:nth-child(2):before {
261+
content: "ตำแหน่ง";
262+
}
263+
table tbody tr td:nth-child(3):before {
264+
content: "รหัสผ่าน";
265+
}
266+
table tbody tr td:nth-child(4):before {
267+
content: "แก้ไขข้อมูล";
268+
}
269+
table tbody tr td:nth-child(5):before {
270+
content: "Quantity";
271+
}
272+
table tbody tr td:nth-child(6):before {
273+
content: "Total";
274+
}
275+
276+
.column4,
277+
.column5,
278+
.column6 {
279+
text-align: left;
280+
}
281+
282+
.column4,
283+
.column5,
284+
.column6,
285+
.column1,
286+
.column2,
287+
.column3 {
288+
width: 100%;
289+
}
290+
291+
tbody tr {
292+
font-size: 14px;
293+
}
294+
}
295+
296+
@media (max-width: 576px) {
297+
.container-table100 {
298+
padding-left: 15px;
299+
padding-right: 15px;
300+
}
301+
}
302+
.h{
303+
text-align: center;
304+
font-size: 50px;
305+
font-style: initial;
306+
}

‎Cashier/CashierScreen.php

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,9 +11,6 @@
1111
<link rel="stylesheet" href="../CSS/Cashier.css">
1212
<title>CashierScreen</title>
1313
<?php ?>
14-
<?php
15-
include("../Sidebar/Sidebar.php")
16-
?>
1714
</head>
1815

1916
<body>

‎CashierScreen/CashierScreenMain.php

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
99

1010
<body>
11-
<?php include("../Sidebar/Sidebar.php") ?>
1211
คิดเงินนนนนนนนนนนนน
1312
</body>
1413

‎Kitchen/KitchenScreen.php

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
</head>
1111

1212
<body>
13-
<?php include("../Sidebar/Sidebar.php") ?>
1413
<p><iframe src="./Kitchen_db/order.php" width="100%" height=1000></iframe></p>
1514

1615
<script>

‎KitchenScreen/KitchenScreenMain.php

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,6 @@
66
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
77

88
<body>
9-
<?php include("../Sidebar/Sidebar.php") ?>
109
ห้องครัววววววววววววว
1110
</body>
1211

0 commit comments

Comments
 (0)