archivedFile.scss

TLDR

This file contains the styles for the "ArchivedFile" component.

Classes

ArchivedFile

The "ArchivedFile" class represents the styling for the archived file component. It defines the border, border-radius, box-shadow, padding, display, flex-direction, and color properties for the component.

CompassIcon.icon-file-image-broken-outline.BrokenFile

The "CompassIcon.icon-file-image-broken-outline.BrokenFile" class represents the styling for the broken file icon within the archived file component. It defines the font-size property for the icon.

fileMetadata

The "fileMetadata" class represents the styling for the file metadata within the archived file component. It defines the display and flex-direction properties for the metadata container.

filename

The "filename" class represents the styling for the filename within the archived file component. It defines the font-weight property for the filename text.

.ArchivedFile {
    border: 2px solid rgba(var(--center-channel-color-rgb), 0.1);
    border-radius: 4px;
    box-shadow: 0 2px 3px rgba(var(--center-channel-color-rgb), 0.1);
    padding: 12px;
    display: flex;
    flex-direction: row;
    color: rgba(var(--center-channel-color-rgb), 0.4);


    .CompassIcon.icon-file-image-broken-outline.BrokenFile {
        font-size: 48px;
    }

    .fileMetadata {
        display: flex;
        flex-direction: column;
    }

    .fileMetadata > p {
        margin: 0;
    }

    .filename {
        font-weight: bold;
    }
}