diff --git a/src/app/pages/dashboard/kitten/kitten.component.html b/src/app/pages/dashboard/kitten/kitten.component.html index e8e961e2..364799fb 100644 --- a/src/app/pages/dashboard/kitten/kitten.component.html +++ b/src/app/pages/dashboard/kitten/kitten.component.html @@ -1,16 +1,19 @@ -
+ +
-
-
- React Native UI Kitten +
+
+ 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! +
-
- 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! -
-
+ - + diff --git a/src/app/pages/dashboard/kitten/kitten.component.scss b/src/app/pages/dashboard/kitten/kitten.component.scss index 0473cfd7..43c177c7 100644 --- a/src/app/pages/dashboard/kitten/kitten.component.scss +++ b/src/app/pages/dashboard/kitten/kitten.component.scss @@ -2,15 +2,19 @@ @include nb-install-component() { + nb-card-body { + display: flex; + flex-direction: column; + padding: 0; + } + .picture { background-position: center; background-size: cover; position: relative; border-top-left-radius: nb-theme(card-border-radius); border-top-right-radius: nb-theme(card-border-radius); - flex: 1; - max-height: 50%; } .details { @@ -39,10 +43,11 @@ } } - .links { + nb-card-footer { display: flex; justify-content: space-around; padding: 0.75rem 0; + border: none; a { text-decoration: none;