/**
 * @file image_viewer.css
 * @author Y.D.X.
 * @brief 图片展示器
 * @version 0.1
 * @date 2021-08-21
 * @description 基本只设置了结构，不好看。
 */

figure.viewer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;

    /* Leaflet 最高 layer 是 1000 */
    z-index: 1001;

    background-color: black;
    color: white;
    
    text-align: center;
}

figure.viewer figcaption {
    display: block;
    margin: 2em 2em 0.5em;

    font-size: x-large;
}

figure.viewer img {
    display: block;
    max-width: 90%;
    height: 100%;
    margin: auto;

    object-position: center;
    object-fit: contain;
}

figure.viewer button {
    display: block;
    position: fixed;
    top: 2em;
    right: 2em;

    border-radius: 0.2em;
    
    font-size: larger;
    line-height: 1.5em;
}