Smaller swipe arrows

cd297f926eb2ec0a289728bbdf8fb113dc87d01f

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 77470502339c829640eeab9fe78ff66c7395acf5
1 files changed, +15 -8Showing whitespace changes
public/style.css+15 -8
@@ -969,23 +969,28 @@ body .panelControlBar {
969969
970/* SWIPE RELATED STYLES*/970/* SWIPE RELATED STYLES*/
971971
972.mes {
973 --swipeCounterHeight: 15px;
974 --swipeCounterMargin: 5px;
975}
976
972.swipe_right,977.swipe_right,
973.swipe_left {978.swipe_left {
974 height: 40px;979 width: 25px;
975 width: 40px;980 height: 25px;
976 opacity: 0.3;981 opacity: 0.3;
977 align-items: center;982 align-items: center;
978 justify-content: center;983 justify-content: center;
979 z-index: 9999;984 z-index: 9999;
980 grid-row-start: 2;985 grid-row-start: 2;
981 font-size: 30px;986 font-size: 20px;
982 cursor: pointer;987 cursor: pointer;
983 align-self: center;988 align-self: center;
984
985}989}
990
986.swipe_left {991.swipe_left {
987 position: absolute;992 position: absolute;
988bottom: 15px;993 bottom: calc(var(--swipeCounterHeight) + var(--swipeCounterMargin));
989 flex-flow: column;994 flex-flow: column;
990}995}
991996
@@ -995,17 +1000,19 @@ flex-flow: column;
995 bottom: 0;1000 bottom: 0;
996}1001}
9971002
998
999.swipes-counter {1003.swipes-counter {
1000 color: var(--SmartThemeBodyColor);1004 color: var(--SmartThemeBodyColor);
1001 font-size: 12px;1005 font-size: 12px;
1002 padding: 0;1006 padding: 0 5px;
1003 font-family: var(--mainFontFamily);1007 font-family: var(--mainFontFamily);
1004 font-weight: 400;1008 font-weight: 400;
1005 align-self: center;1009 align-self: center;
1006 min-width: 40px;1010 min-width: 40px;
1007 display: flex;1011 display: flex;
1008 justify-content: center;1012 justify-content: center;
1013 opacity: 0.7;
1014 margin-bottom: var(--swipeCounterMargin);
1015 height: var(--swipeCounterHeight);
1009}1016}
10101017
1011.swipe_left {1018.swipe_left {
@@ -1015,7 +1022,7 @@ flex-flow: column;
10151022
1016.swipe_right {1023.swipe_right {
1017 right: 5px;1024 right: 5px;
1018 align-self:end;1025 align-self: center;
1019}1026}
10201027
1021.ui-settings {1028.ui-settings {