15
15
}
16
16
.vp-pp-right-box {
17
17
display : grid;
18
- grid-template-rows : 35px 10px calc (100% - 45 px ) ;
18
+ grid-template-rows : 35px 10px calc (100% - 80 px ) 35 px ;
19
19
padding-left : 5px ;
20
20
overflow : auto;
21
21
}
45
45
position : absolute;
46
46
transition : all 0.5s ease-in-out;
47
47
}
48
- .vp-pp-item : not (: last-child ): before {
48
+ .vp-pp-item : last-child : before ,
49
+ .vp-pp-item : last-child : after ,
50
+ .vp-pp-item .vp-last-visible : before ,
51
+ .vp-pp-item .vp-last-visible : after {
52
+ display : none;
53
+ }
54
+ .vp-pp-item : before {
49
55
border : 0.25px solid var (--vp-gray-color );
50
56
border-width : 0 4px 4px 0 ;
51
57
display : inline-block;
55
61
top : 47px ;
56
62
left : 100px ;
57
63
}
58
- .vp-pp-item : not ( : last-child ) : after {
64
+ .vp-pp-item : after {
59
65
border : 0.25px solid var (--vp-gray-color );
60
66
border-width : 0 4px 0 0 ;
61
67
height : 15px ;
129
135
}
130
136
.vp-pp-step-content : empty ::after {
131
137
content : 'Select the template and Follow the pipeline to generate simple ML code.'
138
+ }
139
+ .vp-pp-step-footer {
140
+ border-top : 0.25px solid var (--vp-border-gray-color );
141
+ width : 100% ;
142
+ height : 35px ;
143
+ }
144
+ .vp-pp-step-move-btn {
145
+ width : 70px ;
146
+ height : 30px ;
147
+ background-color : var (--vp-background-color );
148
+ border : 0.25px solid var (--vp-border-gray-color );
149
+ box-sizing : border-box;
150
+ box-shadow : 0.5px 0.5px 0.5px rgb (0 0 0 / 10% );
151
+ border-radius : 3px ;
152
+ line-height : 30px ;
153
+ vertical-align : middle;
154
+ font-family : 'AppleSDGothicNeo' ;
155
+ font-size : 13px ;
156
+ text-align : center;
157
+ color : var (--vp-font-primary );
158
+ cursor : pointer;
159
+ -webkit-touch-callout : none;
160
+ -webkit-user-select : none;
161
+ -khtml-user-select : none;
162
+ -moz-user-select : none;
163
+ -ms-user-select : none;
164
+ user-select : none;
165
+
166
+ display : inline-block;
167
+ position : absolute;
168
+ bottom : 10px ;
169
+ }
170
+ .vp-pp-step-move-btn : hover {
171
+ background-color : var (--vp-light-gray-color );
172
+ }
173
+ .vp-pp-step-move-btn .disabled {
174
+ background-color : var (--vp-gray-color );
175
+ cursor : not-allowed;
176
+ }
177
+ .vp-pp-step-prev {
178
+ left : 270px ;
179
+ }
180
+ .vp-pp-step-next {
181
+ right : 15px ;
132
182
}
0 commit comments