Jump to content

Flashy Web App Emby Logo .app-splash .gif loader


Recommended Posts

I added this to my web-app loading screen. The loading screen happens pretty fast so, it isn't always great. But I thought I'd share it anyway.

 

embyLogo.gif.1660348fc20b45710b607a42a2df3988.gif

In the index.html you'd have to edit the '.app-splash' class style options to use this emby gif. I used this...

        .app-splash {
            background-image: url(embyLogo.gif);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            position: fixed;
            width:100vw;
            height:100vh;
            left:0;
            background-color:rgb(152, 160, 172);
        }

 

Also, save the above .gif file into your "Emby-Server\system\dashboard-ui" folder.

 

It looks okay... feel free to add to the css to fix it up, or comment on how it could be better.

Edited by chef
  • Like 1
Link to post
Share on other sites
  • 2 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...