From 6d9e902fe74744e181b70d273727e8350844cf8b Mon Sep 17 00:00:00 2001 From: advplyr Date: Sat, 3 Dec 2022 12:06:24 -0600 Subject: [PATCH] Update:Abs icon font and navbar to use icons --- assets/absicons.css | 17 ++++++++- components/app/Appbar.vue | 4 +- components/home/BookshelfNavBar.vue | 57 ++++++++++++++++++++++++++-- pages/bookshelf/authors.vue | 14 +++++++ pages/bookshelf/latest.vue | 14 +++++++ pages/bookshelf/playlists.vue | 14 +++++++ static/fonts/absicons/absicons.eot | Bin 5516 -> 6168 bytes static/fonts/absicons/absicons.svg | 8 +++- static/fonts/absicons/absicons.ttf | Bin 5348 -> 6000 bytes static/fonts/absicons/absicons.woff | Bin 5424 -> 6076 bytes 10 files changed, 120 insertions(+), 8 deletions(-) create mode 100644 pages/bookshelf/authors.vue create mode 100644 pages/bookshelf/latest.vue create mode 100644 pages/bookshelf/playlists.vue diff --git a/assets/absicons.css b/assets/absicons.css index b2c0f8e8..f8bef3e6 100644 --- a/assets/absicons.css +++ b/assets/absicons.css @@ -13,7 +13,6 @@ .abs-icons { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'absicons' !important; - speak: never; font-style: normal; font-weight: normal; font-variant: normal; @@ -25,6 +24,18 @@ -moz-osx-font-smoothing: grayscale; } +.icon-list:before { + content: "\e907"; +} + +.icon-home:before { + content: "\e909"; +} + +.icon-authors:before { + content: "\e90a"; +} + .icon-books-1:before { content: "\e905"; } @@ -53,6 +64,10 @@ content: "\e901"; } +.icon-columns:before { + content: "\e90b"; +} + .icon-headphones:before { content: "\e910"; } diff --git a/components/app/Appbar.vue b/components/app/Appbar.vue index 3b84630a..db603844 100644 --- a/components/app/Appbar.vue +++ b/components/app/Appbar.vue @@ -25,8 +25,8 @@ cast - - search + + search
diff --git a/components/home/BookshelfNavBar.vue b/components/home/BookshelfNavBar.vue index fe6fc5e8..2b23c12a 100644 --- a/components/home/BookshelfNavBar.vue +++ b/components/home/BookshelfNavBar.vue @@ -1,8 +1,10 @@