Background in Layout

[eloy.silva]

how to put a background image in the layout
like the sap hanna IDE

Thanks in advance

[s.molinari]

With a gradient?

Scott

[eloy.silva]

@s-molinari yes

[s.molinari]

Then you add it as the background to your layout… This is basic web dev stuff. Nothing to do with Quasar.

Scott

[eloy.silva]

@s-molinari

for this reason was the question

[eloy.silva]

@eloy-silva said in Background in Layout:

@s-molinari

for this reason was the question

the path of this image is in the folder in static, here it is only to put the example

[s.molinari]

I have no idea what you are doing. Sorry.

But, this is sort of how it can work.

https://codesandbox.io/s/awesome-golick-tnfjt?file=/src/pages/Index.vue

Scott

[eloy.silva]

@s-molinari
Thanks

[Hawkeye64]

@eloy-silva images is a folder you have created so is not in the webpack aliases. You can resolve this by doing the following: 1) use relative path, or 2) in build section of quasar.conf.js:

      chainWebpack (chain) {
        chain.resolve.alias.merge({
          images: path.resolve(__dirname, './src/images')
        })
      }