From 70902b47f92bee2c5e27b43362c82d3c288e9a2e Mon Sep 17 00:00:00 2001 From: ed Date: Mon, 16 May 2022 10:56:30 +0200 Subject: [PATCH] info span added --- proj/map/asset/css/font.css | 5 +++++ proj/map/asset/css/style.css | 23 ++++++++++++++++++++++- proj/map/asset/js/.main.js.swp | Bin 24576 -> 28672 bytes proj/map/asset/js/main.js | 17 ++++++++++------- 4 files changed, 37 insertions(+), 8 deletions(-) diff --git a/proj/map/asset/css/font.css b/proj/map/asset/css/font.css index 882df63..4482ee6 100644 --- a/proj/map/asset/css/font.css +++ b/proj/map/asset/css/font.css @@ -22,6 +22,11 @@ font-weight: 400; } +@font-face { + font-family: Inter; + src: url("../fonts/inter/Inter-SemiBold.woff"); + font-weight: 600; +} html { font-family: Inter; diff --git a/proj/map/asset/css/style.css b/proj/map/asset/css/style.css index 37cd5ec..a5c0135 100644 --- a/proj/map/asset/css/style.css +++ b/proj/map/asset/css/style.css @@ -78,6 +78,8 @@ div#list::-webkit-scrollbar { } span.listname { + margin-top: 10px; + margin-bottom: 10px; display: inline-block; } @@ -110,7 +112,8 @@ main section.void { section.lastlistitem { width: 100vw; - margin-bottom: 10px; + margin-bottom: 20px; + position: relative; } section.lastlistitem aside { @@ -123,6 +126,10 @@ section.lastlistitem aside h3 { margin-bottom: 0px; } +section.lastlistitem aside p { + padding-right: 20px; +} + section.lastlistitem img { width: 100%; height: 200px; @@ -135,3 +142,17 @@ section.lastlistitem:after { display: table; clear: both; } + +section.lastlistitem aside span.info { + position: absolute; + bottom: 0px; + + font-size: 30px; + font-weight: 600; + width: 32px; + height: 32px; + text-align: center; + border-radius: 100%; + background-color: var(--b9h-color-fg); + color: var(--b9h-color-bg); +} diff --git a/proj/map/asset/js/.main.js.swp b/proj/map/asset/js/.main.js.swp index 88363e531dbb2ce3f5d405db7c571481152cded5..10eb03da3a49ffa239cc325e1376ba3492687637 100644 GIT binary patch delta 793 zcmaLVOK1~87{Kvw+ud4il8v^s;G=FgCO#Td8|s}P;9k2*tWIdZ$pmOVn;1% zwP@6$?#6>0=9kqW$z;TV6)BJFw1 z)%vCaBA5JbtS{wva|7)fkByqj4J5`hd68F4i+i`o3jZ$gJ2SuF9o}FT_izVO@OB-; zIh;iv2hoWzEUdv2JO9E@EMNvD6mcv-HWO4rSc?_};fD`Rc=&DvE_OH-_Nkc_zlvHl}i8s delta 290 zcmZp8z}RqrQ7*|K%+puFLeGc+2m}}yX7M&9txHW|beYG%keV`aquNH7ef<0^4D~>1 zCXgB+$eS!EAkN7O;V`go4is3=KkoPF7Ij24b$wztYPXH_K|yW|~~3=`{IQy8h-HSsJX919YS(|I|LT`M8d)vX(Z` s)?^?CxrrU>=m&fZ42O6b7#0J?CjoIY5SQ_6)(Z&b-JGlG4KmIM0MR!;K>z>% diff --git a/proj/map/asset/js/main.js b/proj/map/asset/js/main.js index bc13558..1ee7d1d 100644 --- a/proj/map/asset/js/main.js +++ b/proj/map/asset/js/main.js @@ -24,11 +24,14 @@ Vue.component('Accordeon', { -