zuzumi-f / Discord-11

Theme based in windows 11 new UI | Support server: https://discord.gg/PsNtzGeHuW
123 stars 119 forks source link

fix settings page gap not shrinking when resizing #18

Closed catuhana closed 1 year ago

catuhana commented 1 year ago

Fixes https://github.com/zuzumi-f/Discord-11/issues/17#issuecomment-1307889097, closes #17

Instead of using padding, I used viewport width to make its size dynamic for different screen sizes. And with auto margin touch, it centers the content. Here's how it looks;

My initial screen size (1366×768) ![image](https://user-images.githubusercontent.com/108196023/200811722-5c0e4ef0-db89-48a7-b2ac-48d7a0277b65.png)
1920×1080 (dev tools is because I don't have 1920×1080 monitor) ![image](https://user-images.githubusercontent.com/108196023/200812936-16ae1d14-c35f-49ec-a8b9-be914ec7cce7.png)