Skip to content

Commit a0634d5

Browse files
committed
chore: update styles of kendo react sales dashboard app
1 parent 21b2e1d commit a0634d5

File tree

1 file changed

+20
-19
lines changed
  • examples/kendo-react-sales-dashboard/src

1 file changed

+20
-19
lines changed

examples/kendo-react-sales-dashboard/src/App.css

Lines changed: 20 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,75 +1,76 @@
1-
#homepage #homepage-app-demo {
1+
#homepage-app-demo {
22
text-align: left;
33
}
44

5-
#homepage #homepage-app-demo h1 {
5+
#homepage-app-demo h1 {
66
color:rgb(63, 81, 181);
77
font-weight: bold;
88
font-size: 2rem;
99
}
1010

11-
#homepage #homepage-app-demo .buttons-right>button {
11+
#homepage-app-demo .buttons-right>button {
1212
float: right;
1313
margin: 5px;
1414
}
1515

16-
#homepage #homepage-app-demo {
16+
#homepage-app-demo {
1717
padding: 25px;
1818
position: relative;
1919
}
2020

21-
#homepage #homepage-app-demo .percentage-number {
21+
#homepage-app-demo .percentage-number {
2222
color: rgb(63, 81, 181);
2323
font-size: 50px;
2424
font-weight: bold;
2525
}
2626

27-
#homepage #homepage-app-demo .percentage-sign {
27+
#homepage-app-demo .percentage-sign {
2828
color: rgb(63, 81, 181);
2929
font-size: 40px;
3030
}
3131

32-
#homepage #homepage-app-demo .percentage-container {
32+
#homepage-app-demo .percentage-container {
3333
text-align: center;
3434
}
35-
#homepage #homepage-app-demo .percentage-container:first-child {
35+
#homepage-app-demo .percentage-container:first-child {
3636
padding-bottom: 3em;
3737
}
3838

39-
#homepage #homepage-app-demo .teamMate {
39+
#homepage-app-demo .teamMate {
4040
cursor: pointer;
41+
display: flex;
4142
}
4243

43-
#homepage #homepage-app-demo .teamMate:hover {
44+
#homepage-app-demo .teamMate:hover {
4445
background-color: rgba(0,0,0,.07);
4546
}
4647

47-
#homepage #homepage-app-demo .teamMate.k-state-selected {
48+
#homepage-app-demo .teamMate.k-state-selected {
4849
color: #fff;
4950
background-color: #3f51b5;
5051
}
5152

52-
#homepage #homepage-app-demo .teamMate:after {
53+
#homepage-app-demo .teamMate:after {
5354
content: ".";
5455
display: block;
5556
height: 0;
5657
line-height: 0;
5758
clear: both;
5859
visibility: hidden;
5960
}
60-
#homepage #homepage-app-demo .teamMate h2 {
61+
#homepage-app-demo .teamMate h2 {
6162
font-size: 1rem;
6263
font-weight: normal;
6364
padding-top: 17px;
6465
margin: 0;
6566
}
66-
#homepage #homepage-app-demo .teamMate p {
67+
#homepage-app-demo .teamMate p {
6768
margin: 0;
6869
font-size: .7rem;
6970
color: inherit;
7071
}
7172

72-
#homepage #homepage-app-demo .teamMate img {
73+
#homepage-app-demo .teamMate img {
7374
display: inline-block;
7475
vertical-align: top;
7576
width: 50px;
@@ -78,18 +79,18 @@
7879
border: 1px solid #ccc;
7980
border-radius: 50%;
8081
}
81-
#homepage #homepage-app-demo .mate-info {
82+
#homepage-app-demo .mate-info {
8283
display: inline-block;
8384
vertical-align: top;
8485
}
85-
#homepage #homepage-app-demo .panelbar-wrapper {
86+
#homepage-app-demo .panelbar-wrapper {
8687
max-width: 300px;
8788
margin: 0 auto;
8889
}
89-
#homepage #homepage-app-demo .project-item {
90+
#homepage-app-demo .project-item {
9091
padding:0.5em 2em;
9192
}
92-
#homepage #homepage-app-demo a.k-link {
93+
#homepage-app-demo a.k-link {
9394
font-size: 12px;
9495
}
9596

0 commit comments

Comments
 (0)