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 88363e5..10eb03d 100644 Binary files a/proj/map/asset/js/.main.js.swp and b/proj/map/asset/js/.main.js.swp differ 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', { -