chamesu/packages/frontend/ui/assets/css/card.css

This package contains all packages of the chat application.

/*
 * Copyright (c) 2022.
 * Author Peter Placzek (tada5hi)
 * For the full copyright and license information,
 * view the LICENSE file that was distributed with this source code.
 */

.panel-card {
    /** background: rgba(59,59,59,0.1); **/
    border-radius: 0.5rem;
    box-shadow: 0 4px 25px 0 rgba(0,0,0,.1);
    transition: all .3s ease-in-out;
    border: 1px solid #e5e5e5;
    background: #fff;
}

.panel-card > .panel-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-card > .panel-card-header h1,
.panel-card > .panel-card-header h2,
.panel-card > .panel-card-header h3,
.panel-card > .panel-card-header h4,
.panel-card > .panel-card-header h5,
.panel-card > .panel-card-header h6 {
    font-weight: 600;
    margin-bottom: 0;
}

.panel-card > .panel-card-header .title:before {
    width: 0;
    padding: 0;
}

.panel-card > .panel-card-header,
.panel-card > .panel-card-body {
    padding: 0.45rem;
}

.panel-card > .panel-card-body.body-dark {
    background: #efefef;
    color: #7F828B;
}


.card.card-file {
    padding: 0;
    margin-bottom: 0.4rem;
    height: 1.75rem;
    line-height: 1.75rem;
}

.card.card-file .card-heading {
    margin-left: 0.3rem;
    font-size: 1em;
    background: none;
}

.card.card-file .card-body {
    max-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: none;
    padding: 0 0 0 10px;
}

.card.card-file .card-body .title {
    font-size: .8125em;
    font-weight: 600;
}

.card.card-file .card-footer {
    background: none;
    padding: 0;
    margin-right: 0rem;
    margin-left: auto;
    border: none;
}