Commit ea3f0d6

committed

reduced size of dark theme toggle

1 parent ffe67f4 commit ea3f0d6Copy full SHA for ea3f0d6

File tree

1 file changed

-9

lines changed

src/app/styles/components
- _buttons.scss

1 file changed

-9

lines changed

`‎src/app/styles/components/_buttons.scss`

Lines changed: 8 additions & 9 deletions

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,6 @@`
`55`	`55`	`}`
`56`	`56`	`}`
`57`	`57`
`58`		`-/* sidebar button open and closing functionality */`
`59`	`58`	`.record-button-container {`
`60`	`59`	`display: flex;`
`61`	`60`	`align-items: center;`
`@@ -121,8 +120,8 @@`
`121`	`120`	`/* Theme toggle button styling */`
`122`	`121`	`.theme-toggle {`
`123`	`122`	`position: relative;`
`124`		`- width: 64px;`
`125`		`- height: 32px;`
	`123`	`+ width: 48px;`
	`124`	`+ height: 24px;`
`126`	`125`	`border-radius: 16px;`
`127`	`126`	`border: 2px solid var(--border-color);`
`128`	`127`	`background-color: var(--bg-tertiary);`
`@@ -138,8 +137,8 @@`
`138`	`137`
`139`	`138`	`.theme-toggle-slider {`
`140`	`139`	`position: relative;`
`141`		`- width: 24px;`
`142`		`- height: 24px;`
	`140`	`+ width: 16px;`
	`141`	`+ height: 16px;`
`143`	`142`	`border-radius: 50%;`
`144`	`143`	`background-color: var(--bg-primary);`
`145`	`144`	`transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);`
`@@ -150,7 +149,7 @@`
`150`	`149`	`}`
`151`	`150`
`152`	`151`	`.theme-toggle.dark .theme-toggle-slider {`
`153`		`- transform: translateX(32px);`
	`152`	`+ transform: translateX(24px);`
`154`	`153`	`background-color: var(--color-primary);`
`155`	`154`	`}`
`156`	`155`
`@@ -163,13 +162,13 @@`
`163`	`162`	`display: flex;`
`164`	`163`	`align-items: center;`
`165`	`164`	`justify-content: space-between;`
`166`		`- padding: 4px8px;`
	`165`	`+ padding: 04px;`
`167`	`166`	`pointer-events: none;`
`168`	`167`	`}`
`169`	`168`
`170`	`169`	`.theme-toggle-icon {`
`171`		`- width: 16px;`
`172`		`- height: 16px;`
	`170`	`+ width: 14px;`
	`171`	`+ height: 14px;`
`173`	`172`	`transition: color 300ms ease;`
`174`	`173`	`}`
`175`	`174`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Commit ea3f0d6

File tree

1 file changed

1 file changed

`‎src/app/styles/components/_buttons.scss`

0 commit comments