diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml index 560a254..e7107fc 100644 --- a/.github/workflows/deploy.yml +++ b/.github/workflows/deploy.yml @@ -49,6 +49,7 @@ jobs: VER=$(git rev-parse --short HEAD) sed "s|src/app/main.js|src/app/main.js?v=${VER}|" index.html > _site/index.html cp -r src _site/ + if [ -d assets ]; then cp -r assets _site/; fi find _site/src -name '*.js' -print0 | while IFS= read -r -d '' f; do sed -i -E "s|from ([\"'])((\.\.?/[^\"'?]+))(\1)|from \1\2?v=${VER}\4|g" "$f" done diff --git a/.github/workflows/preview.yml b/.github/workflows/preview.yml index dd36606..1c08ba9 100644 --- a/.github/workflows/preview.yml +++ b/.github/workflows/preview.yml @@ -46,6 +46,7 @@ jobs: VER=$(git rev-parse --short HEAD) sed "s|src/app/main.js|src/app/main.js?v=${VER}|" index.html > _site/index.html cp -r src _site/ + if [ -d assets ]; then cp -r assets _site/; fi find _site/src -name '*.js' -print0 | while IFS= read -r -d '' f; do sed -i -E "s|from ([\"'])((\.\.?/[^\"'?]+))(\1)|from \1\2?v=${VER}\4|g" "$f" done diff --git a/assets/summon-logo.png b/assets/summon-logo.png new file mode 100644 index 0000000..afa38a4 Binary files /dev/null and b/assets/summon-logo.png differ diff --git a/index.html b/index.html index feadd7a..09ee8bd 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,10 @@ body{transition:padding-left .22s ease} .sidebar{position:fixed;left:0;top:0;bottom:0;width:62px;background:#191c22;z-index:45; display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 0} - .sblogo{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#3b6ef6,#9b8cff);margin-bottom:12px;flex:none} + .sblogo{width:108px;height:36px;border-radius:8px;background:#fff;padding:5px 8px;margin:0 0 10px 6px;flex:none; + align-self:flex-start;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none} + .sblogo:hover{background:#f0f0f0} + .sblogo img{height:24px;width:auto;max-width:100%;display:block} .sbicon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#9aa1ac;flex:none} .sbicon:hover{background:rgba(255,255,255,.08);color:#fff} .sbicon.active{background:rgba(255,255,255,.13);color:#fff} @@ -589,7 +592,8 @@ @media (max-width:740px){ body{padding-left:48px} .sidebar{width:48px;gap:5px;padding:12px 0} - .sblogo{width:26px;height:26px;margin-bottom:8px} + .sblogo{width:92px;height:32px;padding:4px 6px;margin-left:4px} + .sblogo img{height:20px} .sbicon{width:38px;height:38px} .sbsearchpop{left:56px;width:min(290px,calc(100vw - 64px))} /* the chart fills the screen and scrolls inside itself, like a native app */ @@ -645,7 +649,9 @@