mazer-rails 0.1.1 → 0.1.2

data/assets/stylesheets/iconly.scss

@@ -0,0 +1,327 @@
+@font-face {
+  font-family: 'Iconly---Bold';
+  src:  url('../fonts/Iconly---Bold.eot?jilz72');
+  src:  url('../fonts/Iconly---Bold.eot?jilz72#iefix') format('embedded-opentype'),
+    url('../fonts/Iconly---Bold.ttf?jilz72') format('truetype'),
+    url('../fonts/Iconly---Bold.woff?jilz72') format('woff'),
+    url('../fonts/Iconly---Bold.svg?jilz72#Iconly---Bold') format('svg');
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+
+[class^="iconly-bold"], [class*=" iconly-bold"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: 'Iconly---Bold' !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconly-boldActivity:before {
+  content: "\e900";
+}
+.iconly-boldUser:before {
+  content: "\e901";
+}
+.iconly-boldUser1:before {
+  content: "\e902";
+}
+.iconly-boldAdd-User:before {
+  content: "\e903";
+}
+.iconly-boldArrow---Down-2:before {
+  content: "\e904";
+}
+.iconly-boldArrow---Down-3:before {
+  content: "\e905";
+}
+.iconly-boldArrow---Down-Circle:before {
+  content: "\e906";
+}
+.iconly-boldArrow---Down-Square:before {
+  content: "\e907";
+}
+.iconly-boldArrow---Down:before {
+  content: "\e908";
+}
+.iconly-boldArrow---Left-2:before {
+  content: "\e909";
+}
+.iconly-boldArrow---Left-3:before {
+  content: "\e90a";
+}
+.iconly-boldArrow---Left-Circle:before {
+  content: "\e90b";
+}
+.iconly-boldArrow---Left-Square:before {
+  content: "\e90c";
+}
+.iconly-boldArrow---Left:before {
+  content: "\e90d";
+}
+.iconly-boldArrow---Right-2:before {
+  content: "\e90e";
+}
+.iconly-boldArrow---Right-3:before {
+  content: "\e90f";
+}
+.iconly-boldArrow---Right-Circle:before {
+  content: "\e910";
+}
+.iconly-boldArrow---Right-Square:before {
+  content: "\e911";
+}
+.iconly-boldArrow---Right:before {
+  content: "\e912";
+}
+.iconly-boldArrow---Up-2:before {
+  content: "\e913";
+}
+.iconly-boldArrow---Up-3:before {
+  content: "\e914";
+}
+.iconly-boldArrow---Up-Circle:before {
+  content: "\e915";
+}
+.iconly-boldArrow---Up-Square:before {
+  content: "\e916";
+}
+.iconly-boldArrow---Up:before {
+  content: "\e917";
+}
+.iconly-boldBag-2:before {
+  content: "\e918";
+}
+.iconly-boldBag:before {
+  content: "\e919";
+}
+.iconly-boldBookmark:before {
+  content: "\e91a";
+}
+.iconly-boldBuy:before {
+  content: "\e91b";
+}
+.iconly-boldCalendar:before {
+  content: "\e91c";
+}
+.iconly-boldCall-Missed:before {
+  content: "\e91d";
+}
+.iconly-boldCall-Silent:before {
+  content: "\e91e";
+}
+.iconly-boldCall:before {
+  content: "\e91f";
+}
+.iconly-boldCalling:before {
+  content: "\e920";
+}
+.iconly-boldCamera:before {
+  content: "\e921";
+}
+.iconly-boldCategory:before {
+  content: "\e922";
+}
+.iconly-boldChart:before {
+  content: "\e923";
+}
+.iconly-boldChat:before {
+  content: "\e924";
+}
+.iconly-boldClose-Square:before {
+  content: "\e925";
+}
+.iconly-boldDanger:before {
+  content: "\e926";
+}
+.iconly-boldDelete:before {
+  content: "\e927";
+}
+.iconly-boldDiscount:before {
+  content: "\e928";
+}
+.iconly-boldDiscovery:before {
+  content: "\e929";
+}
+.iconly-boldDocument:before {
+  content: "\e92a";
+}
+.iconly-boldDownload:before {
+  content: "\e92b";
+}
+.iconly-boldEdit-Square:before {
+  content: "\e92c";
+}
+.iconly-boldEdit:before {
+  content: "\e92d";
+}
+.iconly-boldFilter-2:before {
+  content: "\e92e";
+}
+.iconly-boldFilter:before {
+  content: "\e92f";
+}
+.iconly-boldFolder:before {
+  content: "\e930";
+}
+.iconly-boldGame:before {
+  content: "\e931";
+}
+.iconly-boldGraph:before {
+  content: "\e932";
+}
+.iconly-boldHeart:before {
+  content: "\e933";
+}
+.iconly-boldHide:before {
+  content: "\e934";
+}
+.iconly-boldHome:before {
+  content: "\e935";
+}
+.iconly-boldImage-2:before {
+  content: "\e936";
+}
+.iconly-boldImage:before {
+  content: "\e937";
+}
+.iconly-boldInfo-Circle:before {
+  content: "\e938";
+}
+.iconly-boldInfo-Square:before {
+  content: "\e939";
+}
+.iconly-boldLocation:before {
+  content: "\e93a";
+}
+.iconly-boldLock:before {
+  content: "\e93b";
+}
+.iconly-boldLogin:before {
+  content: "\e93c";
+}
+.iconly-boldLogout:before {
+  content: "\e93d";
+}
+.iconly-boldMessage:before {
+  content: "\e93e";
+}
+.iconly-boldMore-Circle:before {
+  content: "\e93f";
+}
+.iconly-boldMore-Square:before {
+  content: "\e940";
+}
+.iconly-boldNotification:before {
+  content: "\e941";
+}
+.iconly-boldPaper-Download:before {
+  content: "\e942";
+}
+.iconly-boldPaper-Fail:before {
+  content: "\e943";
+}
+.iconly-boldPaper-Negative:before {
+  content: "\e944";
+}
+.iconly-boldPaper-Plus:before {
+  content: "\e945";
+}
+.iconly-boldPaper-Upload:before {
+  content: "\e946";
+}
+.iconly-boldPaper:before {
+  content: "\e947";
+}
+.iconly-boldPassword:before {
+  content: "\e948";
+}
+.iconly-boldPlay:before {
+  content: "\e949";
+}
+.iconly-boldPlus:before {
+  content: "\e94a";
+}
+.iconly-boldProfile:before {
+  content: "\e94b";
+}
+.iconly-boldScan:before {
+  content: "\e94c";
+}
+.iconly-boldSearch:before {
+  content: "\e94d";
+}
+.iconly-boldSend:before {
+  content: "\e94e";
+}
+.iconly-boldSetting:before {
+  content: "\e94f";
+}
+.iconly-boldShield-Done:before {
+  content: "\e950";
+}
+.iconly-boldShield-Fail:before {
+  content: "\e951";
+}
+.iconly-boldShow:before {
+  content: "\e952";
+}
+.iconly-boldStar:before {
+  content: "\e953";
+}
+.iconly-boldSwap:before {
+  content: "\e954";
+}
+.iconly-boldTick-Square:before {
+  content: "\e955";
+}
+.iconly-boldTicket-Star:before {
+  content: "\e956";
+}
+.iconly-boldTicket:before {
+  content: "\e957";
+}
+.iconly-boldTime-Circle:before {
+  content: "\e958";
+}
+.iconly-boldTime-Square:before {
+  content: "\e959";
+}
+.iconly-boldUnlock:before {
+  content: "\e95a";
+}
+.iconly-boldUpload:before {
+  content: "\e95b";
+}
+.iconly-boldVideo:before {
+  content: "\e95c";
+}
+.iconly-boldVoice-2:before {
+  content: "\e95d";
+}
+.iconly-boldVoice:before {
+  content: "\e95e";
+}
+.iconly-boldVolume-Down:before {
+  content: "\e95f";
+}
+.iconly-boldVolume-Off:before {
+  content: "\e960";
+}
+.iconly-boldVolume-Up:before {
+  content: "\e961";
+}
+.iconly-boldWallet:before {
+  content: "\e962";
+}
+.iconly-boldWork:before {
+  content: "\e963";
+}

data/assets/stylesheets/layouts/main.scss

@@ -0,0 +1,48 @@
+#main {
+    margin-left: 300px;
+    padding: 2rem;
+    min-height: 100vh;
+    @media screen and (max-width: 1199px) {
+        margin-left: 0;
+    }
+    &.layout-navbar {
+        padding: 0;
+        transition: margin-left 0.5s ease-out
+    }
+    &.layout-horizontal {
+        padding: 0;
+        margin: 0;
+    }
+    #main-content {
+        padding: 2rem;
+    }
+}
+#main, #main-content {
+    display: flex;
+    flex-direction: column;
+}
+#main-content {
+    flex-grow: 1;
+}
+.page-heading {
+    margin:  0 0 2rem;
+    h3 {
+        font-weight: bold;
+    }
+}
+.page-title-headings {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: .5rem;
+    h3 {
+        margin-bottom: 0;
+        margin-right: 1rem;
+    }
+    .breadcrumb {
+        margin-bottom: 0;
+    }
+}
+a {
+    text-decoration: none;
+}

data/assets/stylesheets/mixins/_navbar.scss

@@ -0,0 +1,20 @@
+@mixin submenu {
+    visibility: hidden;
+    opacity: 0;
+    top: 125%;
+    transition: all .3s cubic-bezier(0, 0.55, 0.45, 1);;
+    position: absolute;
+    z-index: 999;
+    border-radius: .2rem;
+    background-color: $horizontal-submenu-bg;
+    box-shadow: 0px 5px 20px $horizontal-submenu-shadow-color;   
+}
+
+@mixin submenu-responsive {
+    visibility: visible !important;
+    opacity: 1;
+    box-shadow: none;
+    position: static;
+    padding: 1rem;
+    background-color: unset; 
+}

data/assets/stylesheets/pages/auth.scss

@@ -0,0 +1,51 @@
+@import "../variables";
+
+body {
+    background-color: var(--bs-body-bg);
+}
+#auth {
+    height: 100vh;
+    overflow-x: hidden;
+    
+    #auth-right {
+        height: 100%;
+        background:  url(../../images/bg/4853433.png), $page-auth-right-bg;
+    }
+    #auth-left {
+        padding: 5rem 8rem;
+        
+        .auth-title {
+            font-size: 4rem;
+            margin-bottom: 1rem;
+        }
+        .auth-subtitle {
+            font-size: 1.7rem;
+            line-height: 2.5rem;
+            color: #a8aebb;
+        }
+        .auth-logo {
+            margin-bottom: 7rem;
+            img {
+                height: 2rem;
+            }
+        }
+        @media screen and (max-width: 1399.9px) {
+            padding: 3rem ;
+        }
+        @media screen and (max-width: 767px) {
+            padding: 5rem ;
+        }
+        @media screen and (max-width: 576px) {
+            padding: 5rem 3rem;
+        }
+    }
+}
+
+html[data-bs-theme="dark"] {
+    @import "../themes/dark/variables-dark";
+    @debug $page-auth-right-bg;
+
+    #auth-right {
+        background:  url(../../images/bg/4853433.png), $page-auth-right-bg;
+    }
+}

data/assets/stylesheets/pages/chat.scss

@@ -0,0 +1,145 @@
+
+@import "./../variables";
+.chat-application {
+    .chat-app {
+        height: calc(100vh - 9rem);
+        border: 1px solid #DFE3E7;
+        border-radius: 5px;
+    }
+}
+.chat-app {
+    .chat-app-wrapper  {
+        
+    }
+    .chat-app-right {
+        padding-left: 0;
+    }
+    .chat-app-header {
+        .person-name {
+            font-size: 1.2rem;
+        }
+        .person-status {
+
+        }
+    }
+    .chat-app-body {
+        .left {
+            border-right: 1px solid $gray-200;
+        }
+        ul {
+            padding-left: 0;
+            overflow-y: auto;
+        }
+        .the-contact {
+            list-style: none;
+            padding: 1.5rem 2rem;
+            background-color: $white;
+            border-bottom: 1px solid $gray-200;
+            user-select: none;
+            margin-right: 0;
+            position: relative;
+
+            &.active {
+                background-color: $primary;
+                .person-name, .message-excerpt {
+                    color: #fff;
+                }
+            }
+            .notification-count {
+                position: absolute;
+                right: 1rem;
+                top: 50%;
+                transform:translateY(-50%);
+            }
+
+            &:hover {
+                cursor: pointer;
+            }
+            
+            &:not(.active):hover {
+                background-color: $gray-200;
+                transition: all .1s;
+            }
+
+            .verified-badge {
+                width: 1.4em;
+                height: 1.4em;
+                padding: 0;
+            }
+
+            .person-name {
+                font-size: 1.1rem;
+                margin-bottom: 0;
+                font-weight: bold;
+                color: $gray-700;
+                display: flex;
+                align-items: center;
+            }
+            .message-excerpt {
+                font-size: 1rem;
+                color: $gray-600;
+                margin-bottom: 0;
+            }
+        }
+    }
+    .chat-app-footer {
+        position: relative;
+        height: 100%;
+        .input-message-wrapper {
+            position: absolute;
+            bottom: 0;
+            padding: 1rem;
+            background-color: $white;
+            width: 100%;
+            right: 0;
+        }
+        
+    }
+    .messages {
+        display: flex;
+        width: 100%;
+        flex-direction: column;
+        .message {
+            background-color: $gray-300;
+            border-bottom-right-radius: 1rem;
+            border-top-right-radius: 1rem;
+            border-bottom-left-radius: 1rem;
+            padding: .8rem;
+            margin: 1rem 1rem;
+            float: left;
+            max-width: 600px;
+
+            &.message-right {
+                float: right;
+                background-color: $blue-400;
+                color: #fff;
+                
+                border-top-left-radius: 1rem;
+                border-top-right-radius: 0;
+            }
+        }
+    }
+}
+
+
+
+@media screen and (max-width: 1200px) {
+    .chat-app {
+        .chat-app-left {
+            right: 100%;
+        }
+        .chat-app-right {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            padding-left: 15px !important;
+    
+            .chat-app-header > div {
+                padding: 0 2rem
+            }
+        }
+    }
+
+}

data/assets/stylesheets/pages/datatables.scss

@@ -0,0 +1,7 @@
+
+table.dataTable td{
+    padding: 15px 8px;
+}
+.fontawesome-icons .the-icon svg {
+    font-size: 24px;
+}

data/assets/stylesheets/pages/dripicons.scss

@@ -0,0 +1,20 @@
+
+.dripicons { line-height: 1; }
+
+.glyphs.character-mapping{margin:0;padding:0;border:none;}
+.glyphs.character-mapping li{margin:0;display:inline-block;width:90px;border-radius:4px;}
+.glyphs.character-mapping .icon{margin:10px 0 10px 15px;padding:15px;position:relative;width:55px;height:55px;color:#398FF7 !important;overflow:hidden;-webkit-border-radius:3px;border-radius:3px;font-size:32px;}
+.glyphs.character-mapping .icon svg{fill:#398FF7}
+.glyphs.character-mapping li:hover .icon{color:#fff !important;}
+.glyphs.character-mapping li:hover .icon svg{fill:#fff}
+.glyphs.character-mapping li:hover input{opacity:100;}
+.glyphs.character-mapping li:hover{background:#374347;}
+.glyphs.character-mapping input{opacity:0;background:#398FF7;color:#fff;margin:0;padding:10px 0;line-height:12px;font-size:12px;display:block;width:100%;border:none;text-align:center;outline:none;border-bottom-right-radius:3px;border-bottom-left-radius:3px;font-family:'Montserrat','Helvetica','Arial',sans-serif;font-weight:400;}
+.glyphs.character-mapping input:focus{border:none;}
+.glyphs.character-mapping input:hover{border:none;}
+.glyphs.css-mapping{margin:0 0 60px 0;padding:30px 0 20px 30px;color:rgba(0,0,0,0.5);border:none;-webkit-border-radius:3px;border-radius:3px;}
+.glyphs.css-mapping li{margin:0 30px 20px 0;padding:0;display:inline-block;overflow:hidden}
+.glyphs.css-mapping .icon{margin:0;margin-right:10px;padding:13px;height:50px;width:50px;color:#398FF7 !important;overflow:hidden;float:left;font-size:24px}
+.glyphs.css-mapping input{background:none;color:#398FF7;margin:0;margin-top:5px;padding:8px;line-height:14px;font-size:14px;font-family:'Montserrat','Helvetica','Arial',sans-serif;font-weight:700;display:block;width:120px;height:40px;border:none;-webkit-border-radius:5px;border-radius:5px;outline:none;float:right;}
+.glyphs.css-mapping input:focus{border:none;}
+.glyphs.css-mapping input:hover{}