mirror of
https://github.com/usebruno/bruno.git
synced 2026-06-25 21:55:49 +00:00
chore: minor layout fixes (#6559)
This commit is contained in:
@@ -2,7 +2,9 @@ import styled from 'styled-components';
|
||||
import { rgba } from 'polished';
|
||||
|
||||
const StyledWrapper = styled.div`
|
||||
padding: 8px 0;
|
||||
.appearance-container {
|
||||
padding: 8px 0 16px 0;
|
||||
}
|
||||
|
||||
.theme-mode-option {
|
||||
border: 1px solid ${(props) => props.theme.input.border};
|
||||
@@ -38,12 +40,12 @@ const StyledWrapper = styled.div`
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
padding: 12px 16px;
|
||||
padding: 12px 8px;
|
||||
border: 2px solid ${(props) => props.theme.input.border};
|
||||
border-radius: ${(props) => props.theme.border.radius.md};
|
||||
cursor: pointer;
|
||||
transition: all 0.15s ease;
|
||||
min-width: 165px;
|
||||
min-width: 155px;
|
||||
|
||||
&:hover {
|
||||
border-color: ${(props) => props.theme.input.focusBorder};
|
||||
|
||||
@@ -76,7 +76,7 @@ const Themes = () => {
|
||||
|
||||
return (
|
||||
<StyledWrapper>
|
||||
<div className="flex flex-col gap-4 w-full">
|
||||
<div className="flex flex-col gap-4 w-full appearance-container">
|
||||
<div>
|
||||
<div className="section-header">Appearance</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user