New groups

2019-07-15 16:47:05 +03:00
parent fd50f03304
commit 1fabd28498
30 changed files with 809 additions and 285 deletions
--- a/app/javascript/styles/gabsocial/components/group-detail.scss
+++ b/app/javascript/styles/gabsocial/components/group-detail.scss
@@ -0,0 +1,72 @@
+.group {
+    .group__header-container {
+        width: 100%;
+        display: flex;
+        justify-content: center;
+        flex-direction: row;
+    }
+
+    .group__header {
+        width: 100%;
+        max-width: 1150px;
+        background: $gab-background-container;
+        border-radius: 10px;
+        overflow: hidden;
+        margin: 20px 0;
+
+        .group__cover {
+            img {
+                width: 100%;
+            }
+        }
+
+        .group__tabs {
+            .group__tabs__tab {
+                display: inline-block;
+				text-decoration: none;
+				padding: 16px 22px;
+                text-align: center;
+                color: $primary-text-color;
+                
+                &:hover,
+                &--active {
+                    border-bottom: 2px solid $primary-text-color;
+                }
+            }
+            
+            &:after {
+                content: "";
+                clear: both;
+                display: table;
+            }
+
+            button {
+                float: right;
+                margin: 7px;
+            }
+        }
+    }
+
+    .group__panel {
+        padding: 10px 10px 20px 10px;
+
+        h1 {
+            font-size: 22px;
+            font-weight: bold;
+            margin-bottom: 10px;
+        }
+
+        .group__panel__description {
+            font-size: 14px;
+        }
+
+        .group__panel__label {
+            display: inline-block;
+            margin-bottom: 10px;
+            border-radius: 4px;
+            background: $gab-background-container;
+            font-size: 13px;
+            padding: 4px 8px;
+        }
+    }
+}