tkrmagid/minecraft_launcher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Tighten landing bottom bar layout
Some checks failed
Build / release (macos-latest) (push) Has been cancelled
Details
Build / release (ubuntu-latest) (push) Has been cancelled
Details
Build / release (windows-latest) (push) Has been cancelled
Details
Windows Smoke Test / windows-smoke (push) Has been cancelled
Details

Browse Source
This commit is contained in:
claude-bot
2026-05-05 22:19:10 +09:00
parent 9786cfe031
commit 9dec16ff68
1 changed files with 28 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
app/assets/css/launcher.css
View File

@@ -2490,6 +2490,9 @@ input:checked + .toggleSwitchSlider:before {
#landingContainer > #lower { #landingContainer > #lower {
height: 18%; height: 18%;
display: flex; display: flex;
align-items: flex-end;
justify-content: space-between;
padding: 0 42px 18px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
} }
#landingContainer > #lower > #left { #landingContainer > #lower > #left {
@@ -2497,39 +2500,46 @@ input:checked + .toggleSwitchSlider:before {
transition: top 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 33%; flex: 1 1 0;
display: inline-flex; display: flex;
justify-content: center; align-items: flex-end;
justify-content: flex-start;
} }
#landingContainer > #lower > #left #content { #landingContainer > #lower > #left #content {
position: relative; position: relative;
top: 12px; top: 0;
display: inline-flex; left: 0;
display: flex;
align-items: center;
line-height: 28px; line-height: 28px;
left: 50px;
} }
#landingContainer > #lower > #center { #landingContainer > #lower > #center {
position: relative; position: relative;
transition: top 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 34%; flex: 0 0 auto;
display: inline-flex; display: flex;
align-items: flex-end;
justify-content: center; justify-content: center;
} }
#landingContainer > #lower > #center #content { #landingContainer > #lower > #center #content {
position: relative; position: relative;
z-index: 500; z-index: 500;
transition: top 2s ease; transition: top 2s ease;
top: 5px; top: 0;
display: flex;
align-items: center;
} }
#landingContainer > #lower > #right { #landingContainer > #lower > #right {
position: relative; position: relative;
transition: top 2s ease; transition: top 2s ease;
top: 0px; top: 0px;
height: 100%; height: 100%;
width: 33%; flex: 1 1 0;
display: inline-flex; display: flex;
align-items: flex-end;
justify-content: flex-end;
} }
/******************************************************************************* /*******************************************************************************
@@ -3273,8 +3283,8 @@ input:checked + .toggleSwitchSlider:before {
height: 30px; height: 30px;
width: 2px; width: 2px;
background: rgba(107, 105, 105, 0.7); background: rgba(107, 105, 105, 0.7);
margin-left: 22px; margin-left: 16px;
margin-right: 22px; margin-right: 16px;
} }
/* * * /* * *
@@ -3286,7 +3296,9 @@ input:checked + .toggleSwitchSlider:before {
position: relative; position: relative;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
width: 240px; gap: 10px;
width: auto;
flex: 0 0 auto;
} }
/* Span which displays the player count of the selected server. */ /* Span which displays the player count of the selected server. */
@@ -3295,7 +3307,6 @@ input:checked + .toggleSwitchSlider:before {
font-size: 14px; font-size: 14px;
font-weight: 900; font-weight: 900;
text-shadow: 0px 0px 20px #949494; text-shadow: 0px 0px 20px #949494;
margin-left: 12px;
white-space: nowrap; white-space: nowrap;
} }
@@ -3535,8 +3546,9 @@ input:checked + .toggleSwitchSlider:before {
/* Main launch content container. */ /* Main launch content container. */
#landingContainer > #lower > #right #launch_content { #landingContainer > #lower > #right #launch_content {
position: relative; position: relative;
top: 12px; top: 0;
display: inline-flex; display: inline-flex;
align-items: center;
} }
/* The launch button. */ /* The launch button. */