From 839d6f80ab7ea8df12580df142e07582cf826913 Mon Sep 17 00:00:00 2001 From: ElnuDev Date: Mon, 19 Jun 2023 12:34:27 -0700 Subject: [PATCH] Mockup welcome modal --- styles/sass/style.scss | 45 +++++++++++++++++++++++++++++++++++++++ templates/index.html.tera | 1 + templates/modal.html.tera | 25 ++++++++++++++++++++++ 3 files changed, 71 insertions(+) create mode 100644 templates/modal.html.tera diff --git a/styles/sass/style.scss b/styles/sass/style.scss index 47c7805..0282c49 100644 --- a/styles/sass/style.scss +++ b/styles/sass/style.scss @@ -120,4 +120,49 @@ a { &.phrase { color: #fab387; } +} + +.servers { + display: flex; + gap: 0.5em; + & > * { + display: flex; + flex-direction: column; + gap: 0.5em; + border: 2px solid; + border-radius: 0.5em; + padding: 0.5em; + width: 100%; + align-items: center; + text-align: center; + img { + width: 96px; + border-radius: 100%; + border: 2px solid; + } + .name { + display: flex; + flex-grow: 1; + align-items: center; + } + } + .recommended { + border-color: mediumseagreen; + .label-wrapper { + height: 0; + .label { + position: relative; + width: fit-content; + border: auto; + bottom: 0px; + background: mediumseagreen; + color: white; + font-weight: bold; + font-size: 0.75em; + text-transform: uppercase; + padding: 0 0.5em 0 0.5em; + border-radius: 2px; + } + } + } } \ No newline at end of file diff --git a/templates/index.html.tera b/templates/index.html.tera index 5423d0e..f0eb8c5 100644 --- a/templates/index.html.tera +++ b/templates/index.html.tera @@ -8,6 +8,7 @@ + {% include "modal" %}