Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change Screen Layout Adjustment - 70-30 Ratio #156

Open
pulkit21 opened this issue Jan 22, 2024 · 1 comment
Open

Change Screen Layout Adjustment - 70-30 Ratio #156

pulkit21 opened this issue Jan 22, 2024 · 1 comment
Labels
good first issue Good for newcomers

Comments

@pulkit21
Copy link
Contributor

Change in the layout of the screen. The desired adjustment is to achieve a 70-30 ratio, with parameters and buttons relocated to the right-hand side of the screen.

Image

@pulkit21 pulkit21 added the good first issue Good for newcomers label Jan 23, 2024
@AquarlisPrime
Copy link

Maybe this can help as idk much but hoping for best :)

<style> /* Simple flex layout for the body */ body { display: flex; margin: 0; }
    /* 70% width, acts as parameter container */
    section {
        flex: 3;
        padding: 20px;
        background-color: #f0f0f0;
    }

    /* 30% width, acts as button container */
    aside {
        flex: 1;
        padding: 20px;
        background-color: #e0e0e0;
    }
</style>
Parameter 1:
<!-- Side container for buttons -->
<aside>
    <button onclick="handleButtonClick()">Submit</button>
    <!-- Add more buttons as needed -->
</aside>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers
Projects
None yet
Development

No branches or pull requests

2 participants