diff --git a/src/app/pages/dashboard/kitten/kitten.component.html b/src/app/pages/dashboard/kitten/kitten.component.html index 8a1d3be9..774f14ed 100644 --- a/src/app/pages/dashboard/kitten/kitten.component.html +++ b/src/app/pages/dashboard/kitten/kitten.component.html @@ -1,30 +1,25 @@ - -
+
-
-
- React Native UI Kitten -
-
- React Native UI Kitten is a framework that contains a set of commonly used UI components styled in a similar way. The most awesome thing: you can change themes on the fly by just passing a different set of variables. 100% native. Give our kitten a try! -
+
+
UI Kitten
+
+ UI Kitten is a framework that contains a set of commonly used UI components styled in a similar way. The most awesome thing: you can change themes on the fly by just passing a different set of variables. 100% native. Give our kitten a try!
- - +
- + - + - + - + diff --git a/src/app/pages/dashboard/kitten/kitten.component.scss b/src/app/pages/dashboard/kitten/kitten.component.scss index 43c177c7..5aa67881 100644 --- a/src/app/pages/dashboard/kitten/kitten.component.scss +++ b/src/app/pages/dashboard/kitten/kitten.component.scss @@ -2,12 +2,6 @@ @include nb-install-component() { - nb-card-body { - display: flex; - flex-direction: column; - padding: 0; - } - .picture { background-position: center; background-size: cover; @@ -18,48 +12,28 @@ } .details { - padding: 1.25rem 1.25rem 0; + padding: nb-theme(card-padding); + } - .title { - font-family: nb-theme(font-secondary); - font-weight: nb-theme(font-weight-bold); - color: nb-theme(color-fg-heading); - font-size: 1.5rem; - margin-bottom: 1rem; - - @include nb-for-theme(cosmic) { - font-weight: nb-theme(font-weight-bolder); - } - } - - .description { - text-align: justify; - color: nb-theme(color-fg-text); - font-weight: nb-theme(font-weight-light); - - overflow: hidden; - text-overflow: ellipsis; - max-height: calc(1rem * 8 * #{nb-theme(line-height)}); - } + .description { + text-align: justify; } nb-card-footer { display: flex; justify-content: space-around; - padding: 0.75rem 0; - border: none; + align-items: center; + } - a { - text-decoration: none; - color: nb-theme(color-fg); + .link-icon { + font-size: 1.75rem; + } - &:hover { - color: nb-theme(color-fg-heading); - } + nb-icon { + font-size: 1.55rem; - i { - font-size: 1.75rem; - } + ::ng-deep svg { + vertical-align: top; } } }