mirror of
https://github.com/Steffo99/bluelib.git
synced 2024-12-22 03:24:20 +00:00
✨ Make panels responsive (possibly breaking?)
This commit is contained in:
parent
f703bdb984
commit
bbbdd2732a
17 changed files with 18 additions and 10 deletions
4
src/rules/skeleton.less
vendored
4
src/rules/skeleton.less
vendored
|
@ -451,8 +451,8 @@
|
|||
// Panels should try to fill the most space possible
|
||||
width: 100%;
|
||||
|
||||
// And should be wide at least 400px
|
||||
// min-width: 400px;
|
||||
// And should be wide at least 312px
|
||||
min-width: 312px;
|
||||
|
||||
background-color: @c0;
|
||||
border-color: @c1;
|
||||
|
|
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -164,6 +164,7 @@
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -188,6 +188,7 @@ body .panel,
|
|||
padding: 8px;
|
||||
border-radius: 4px;
|
||||
width: 100%;
|
||||
min-width: 312px;
|
||||
background-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.03);
|
||||
border-color: rgba(var(--bluelib-color-r), var(--bluelib-color-g), var(--bluelib-color-b), 0.125);
|
||||
}
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue