/*
 * udt ssh layout: the hosts as a searchable 4x3 grid of cards.
 * Copyright (C) 2026 Danilo M. <danix@danix.xyz>
 * Licensed under the GNU General Public License v2 only.
 *
 * Fed by blackpearl-sshmenu.sh, two lines a card: the alias in bold, then
 * "user · address" dimmed with fgalpha rather than a colour, so it still
 * reads on the accent when selected.
 */

@import "common.rasi"

window {
    width:    1100px;
    anchor:   center;
    location: center;
    padding:  0;
}

mainbox {
    children: [ header, listview ];
    spacing:  0;
}

/* The wallpaper banner, as in launcher.rasi: the header and the search bar
 * share it. @WPAPER@ is rewritten by the installer, which is why this file
 * is generated rather than linked. */
header {
    expand:           false;
    orientation:      vertical;
    children:         [ headrow, inputbar ];
    spacing:          12px;
    padding:          2.5em 2em;
    background-image: url("@WPAPER@", width);
    background-color: @mantle;
}

/* The prompt is lifted out of the inputbar to sit above it, and kept to its
 * own width by the spacer so its plate does not span the banner. */
headrow {
    expand:      false;
    orientation: horizontal;
    children:    [ prompt, dummy ];
}

dummy {
    expand: true;
}

/* Both sit on plates so they stay legible over any wallpaper. */
prompt {
    font:             "Noto Sans Bold 15";
    text-color:       @text;
    background-color: @base;
    border-radius:    6px;
    padding:          6px 12px;
}

inputbar {
    background-color: @base;
    border:           1px;
    border-color:     @accent;
}

entry {
    placeholder: "Search hosts, users, addresses";
}

listview {
    columns:      4;
    lines:        3;
    fixed-height: true;
    spacing:      12px;
    flow:         horizontal;
    padding:      20px;
}

/* Text only: the element spacing otherwise reserves a gap for the icon. */
element {
    children:         [ element-text ];
    padding:          20px 12px;
    border-radius:    12px;
    background-color: @surface0;
}

element-text {
    font:             "Noto Sans 13";
    horizontal-align: 0.5;
    vertical-align:   0.5;
}