fix(bundles): fix icons

This commit is contained in:
Dmitry Nehaychik 2019-02-06 11:40:11 +03:00
parent 3eaa3f15ff
commit 0949ecc67c
2 changed files with 13 additions and 105 deletions

View file

@ -5,7 +5,7 @@
<div class="section-container"> <div class="section-container">
<p class="features__description"> <p class="features__description">
Looking for a way to integrate Angular ngx-admin with .NET, Ruby, Python or PHP? We are here to save your time on painful setup, configuration and routing tasks. Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or PHP? We are here to save your time on painful setup, configuration and routing tasks.
Choose starter kit bundle based on a technology of your choice below. Choose starter kit bundle based on a technology of your choice below.
</p> </p>
@ -182,79 +182,55 @@
<tr> <tr>
<td class="left">ngx-admin template with 100+ UI components integrated with Backend Services</td> <td class="left">ngx-admin template with 100+ UI components integrated with Backend Services</td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="left">Backend Services and Repository layers with data access</td> <td class="left">Backend Services and Repository layers with data access</td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="left">JWT Authentication setup for UI and Backend</td> <td class="left">JWT Authentication setup for UI and Backend</td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="left">Running instructions and code documentation</td> <td class="left">Running instructions and code documentation</td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="left">Commercial Usage</td> <td class="left">Commercial Usage</td>
<td> <td>
<ul class="not-included"> <i [innerHTML]="'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }"></i>
<li class="not-included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
<tr> <tr>
<td class="left">One Year support and bug fixes on request</td> <td class="left">One Year support and bug fixes on request</td>
<td> <td>
<ul class="not-included"> <i [innerHTML]="'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }"></i>
<li class="not-included__item"></li>
</ul>
</td> </td>
<td> <td>
<ul class="included"> <i [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }"></i>
<li class="included__item"></li>
</ul>
</td> </td>
</tr> </tr>
</table> </table>

View file

@ -283,74 +283,6 @@
} }
} }
.included {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
padding: 0;
margin: 1rem 0 0;
&__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
list-style: none;
margin: 0 0 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
padding-left: 0.5rem;
&::before {
content: '';
display: inline-flex;
width: 10px;
height: 14px;
border: solid #00db92;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
}
&__text {
margin: 0 0 0 1.5rem;
}
}
.not-included {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
padding: 0;
margin: 1rem 0 0;
&__item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
list-style: none;
margin: 0 0 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
padding-left: 0.5rem;
&::before {
content: '';
display: inline-flex;
width: 10px;
height: 14px;
border: solid #ff8588;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
}
&__text {
margin: 0 0 0 1.5rem;
}
}
.request-code-section { .request-code-section {
margin-bottom: 5rem; margin-bottom: 5rem;
} }