qr-fileshare/client/src/styles/FileCard.css

Quickly transfer files to a different device via a web interface

.fileCard {
    height: 100%;
    z-index: -10;
    display: flex;
}

.fileCard:hover {
    cursor: pointer;
}

.fileCard.noImage {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.fileCardContent{
    flex: 1 0 auto;
}

.fileCardContent.noImage {
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 50px;
    width: 100%;
}

.fileNameText {
    position: relative;
    z-index: 2;
}

.fileCardImage {
    width: 100%;
    height: 100%;
}